/* ---------- FONTS ---------- */

.tiny
{
  font-size: 9px;
}

.small, .svgLegendTxt
{
  font-size: 10px;
}

.stand, .svgLegendLabel
{
  font-size: 12px;
}

.large 
{
  font-size: 14px;
}

.big
{
  font-size: 18px;
}

.huge
{
  font-size: 22px;
}

.gigantic
{
  font-size: 26px;
}

.svgLegendTxt, .svgLegendLabel
{ 
  font-family: arial, sans-serif;
}

.svgLegendTxt
{ 
  font-weight: 200;
}

.svgLegendLabel 
{ 
  font-weight: 800;
}

/* ---------- BORDERS ---------- */


.svgLegend, .svgTable, .svgOuterTable
{
  border-collapse: collapse;
  /* Sets or retrieves a value that indicates whether the row 
     and cell borders of a table are joined in a single border 
     or detached as in standard HTML. Valid values  are either collapse or separate
  */
}

.svgOuterTable
{
  border-top: 1px solid #999999;
}

.svgOuterTable
{
  border-bottom: 1px solid #999999;
}

.svgOuterTable
{
  border-left: 1px solid #999999;
}

.svgOuterTable
{
  border-right: 1px solid #999999;
}


/* ---------- PADDING ---------- */
/* used to offset itmes located in a table cell*/

.cellPadding 
{
  padding: 5px;
}


/* ---------- MARGINS ---------- */
/* use when text is free standing */
.svgTable, .svgLegend, .svgOuterTable
{ 
  margin-left:4px;
}

.indent
{
  margin-left: 20px;
}

.padded{margin: 5px;
}

/* ---------- ALIGNS ---------- */

.svgLegendTxt
{ 
  text-align: left;
}



/* ----------- links ------------------- */

a.imagelink:link {font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #FFFFFF; color: #FFFFFF; border: none; text-decoration: none}
a.imagelink:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #FFFFFF; color: #FFFFFF; border: none; text-decoration: none}
a.imagelink:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #FFFFFF; color: #FFFFFF; border: none; text-decoration: none}
a.imagelink:active {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #FFFFFF; color: #FFFFFF; border: none; text-decoration: none}


table.maintenance 
{
  width: 95%;
  margin-top: 1em;
}

table.maintenance thead tr 
{
  background-color: #e3eaf9;
  color: #339;
  padding-bottom: 1em;
  margin-top: 1em;

}
table.maintenance tr.even {
  background-color: #f2f5fc;
}
table.maintenance tr.odd {

}


th.sorted a, th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}
th.sortable a 
{
  background-repeat: no-repeat;
  background-image: url(img/arrow_off.png);
}
th.order1 a 
{
  background-repeat: no-repeat;
  background-image: url(img/arrow_down.png);
}
th.order2 a 
{
  background-repeat: no-repeat;			
  background-image: url(img/arrow_up.png);
}



span.pagebanner {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 95%;
	margin-top: 10px;
	display:block;
	border-bottom: none;
}

span.pagelinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 95%;
	display:block;
	border-top: none;
	margin-bottom: -5px;
}



#successresults span.pagebanner {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 565px;
	margin-top: 10px;
	display:block;
	border-bottom: none;
}

#successresults span.pagelinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 565px;
	display:block;
	border-top: none;
	margin-bottom: -5px;
}





.note {
	background-color: #f2f5fc;
	padding-bottom: 1em;
	border: 1px #cce solid;
	margin-top: 1em;
}

.note h3, .note h4, .note th {
	background-color: #e3eaf9;
	color: #339;
	padding: 0.25em 1em;
	border-bottom: 2px white solid;
	margin-top: 0;
}

.note h4 {
  font-size: 12px;
}

.note p {
	padding: 0 1em;
}

.note pre {
	margin: 1em 1em 0 1em;
}


.tooltipForeground
{ 
  background-color: #FFFFFF; 
}

.tooltipBackground
{ 
   background-color: #666666;
}


.tooltipClose a:link, .tooltipClose a:hover
{ 
  color: #FFFFFF;
}


.tooltipClose
{
  color: #FFFFFF;
  font-weight: bold;
  vertical-align: top;
  text-align: right;
}

.bestPractice { 
  width:500px;
  font-family:tahoma, georgia;
  font-size:12px;
}

.bestPractice select { 
  width:250px;
  font:200 11px tahoma, arial;
}

.bestPractice td { 
  font:200 11px tahoma, arial;
}

.bestPractice input { 

  font:200 11px tahoma, arial;
}

.specialAttentionText 
{ 
  color: red;
  font-weight: bold;
  font: 14px tahoma, arial;
}


.bestPracticeTable { 
  border-collapse: collapse;
 }

.bestPracticeTable td { 
  font:200 11px tahoma, arial;
 }



.sortBox {
  border: 2px; 
  float: right;
  font:200 11px tahoma, arial;
  border:1px solid #cce;
  padding:10px;
  background-color:#f2f5fc;
}

.sortBox select {
  width:150px;
  font:200 11px tahoma, arial;
}

.sortBox input {
 font:200 11px tahoma, arial;
}


.bestPracticeForm { 
  font-family:tahoma, georgia;
  font-size:12px;
}

.bestPracticeForm select { 
  width:320px;
  font:200 11px tahoma, arial;
}

.bestPracticeForm select.smallWidth { 
  width:160px;
  font:200 11px tahoma, arial;
}

.bestPracticeForm input { 
  font:200 11px tahoma, arial;
}

.bestPracticeForm textarea { 
  width:320px;
  font:200 11px tahoma, arial;
}

.bestPracticeForm table { 
  border-collapse: collapse;
 }

.bestPracticeForm td { 
  font:200 11px tahoma, arial;
  vertical-align: top;
  padding: 2px;
}

.bestPracticeNote { 
  font:200 10px tahoma, arial;
  font-style:italic;
}


 .searchbuttonback1 {
 	font-family: Arial, Helvetica, sans-serif, Verdana;
 	font-size: 12px;
 	font-weight: bold;
 	color: #000000;
 	background-image: url(img/bp_search.gif);
 }

 .searchbuttonback2 {
 	font-family: Arial, Helvetica, sans-serif, Verdana;
 	font-size: 12px;
 	font-weight: bold;
 	color: #000000;
 	background-image: url(img/bp_mapsearch1.gif);
 }

 a.searchbutton:link 
{  
  font-family: Arial, Helvetica, sans-serif,  Verdana;
  font-size: 12px;  
  font-weight: bold; 
  color: #000000; 
  text-decoration: none; 
  DISPLAY: block; 
  width: 161px;
}
a.searchbutton:visited 
{  
  font-family: Arial, Helvetica, sans-serif, Verdana; 
  font-size: 12px; 
  font-weight: bold; 
  color: #000000;
  text-decoration: none; 
  DISPLAY: block; 
  width: 161px;
} 

a.searchbutton:hover 
{ 
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;  
  font-weight: bold; 
  color: #cc0000;	
  text-decoration:  underline;	
  DISPLAY: block; 
  width: 161px;
}


/* ----------- Activity Project Facts ------------------- */
#apfbox {
	width: 598px;
	background-color: #ffffff;
	border: 1px solid #006;
	margin: 0px 0px 0px 0px;
        padding: 0px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	}
.apfheader2 {
	width: 600px;
	background-image: url(img/bp_tabback600.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	height: 22px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 0px;
}
.apfboxp2 {
	padding: 4px;
	line-height: 1.2em;
	}
.apfboxp2 span.second {
	padding: 0px;
	width: 250px;
	position: absolute;
	left: 450px;
	}



/* ----------- hide print items ------------------- */
div.printfemalogo
	{
	display: none;
	}

.resultoutsidebox {
	border: 1px solid #006;
	background-color: #fff;
	width: 500px;
	padding: 6px;
	border-top-width: 0px;
	border-top-color: #009;
	border-top-style: solid;	
	border-right-width: 1px;
	border-right-color: #006;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #006;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-color: #006;
	border-left-style: solid;
}
.resultinsidebox {
	border: 1px solid #cce;
	background-color: #F2F5FC;
	width: 488px;
}
.resultouttopbox {
	background-image: url(img/resultbox_topline.gif);
	background-repeat: repeat-x;
	width: 500px;
}
.resultboxtitle {
	background-image: url(img/resultbox_titleback.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	font-weight: bold;
	border-top-width: 1px;
	border-top-color: #006;
	border-top-style: solid;	
	border-right-width: 0px;
	border-right-color: #006;
	border-right-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #006;
	border-bottom-style: solid;
	border-left-width: 0px;
	border-left-color: #006;
	border-left-style: solid;
	padding-right: 20px;
}

.resultboxicons {
	background-image: url(img/resultbox_titleback.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	border-top-width: 1px;
	border-top-color: #006;
	border-top-style: solid;	
	border-right-width: 0px;
	border-right-color: #006;
	border-right-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #006;
	border-bottom-style: solid;
	border-left-width: 0px;
	border-left-color: #006;
	border-left-style: solid;
        text-align: right;          
}

.resultinsideboxleft {
	width: 180px;
	text-align: left;
	padding: 4px;
	vertical-align: top;
}
.resultinsideboxright {
	text-align: left;
	padding: 4px;
	vertical-align: top;
	font-weight: bold;
}


.resulttopbox table {
	background-color: #EDEDED;
	border: 1px solid #666;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.resulttopbox td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}

.resulttopbox select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	Padding: 0px;
	vertical-align: middle;
}

.resulttopbox a:link  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	display: block;
	border: 1px solid #EDEDED;
	padding: 3px;
	TEXT-DECORATION: none;
}
.resulttopbox a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	display: block;
	padding: 3px;
	border: 1px solid #EDEDED;
	TEXT-DECORATION: none;
}
.resulttopbox a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	display: block;
	background-color: #FBFBFB;
	padding: 3px;
	border: 1px solid #999;
	TEXT-DECORATION: none;
}

.resulttopbox input  
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;	
  display: block;
  border: 1px solid #EDEDED;
  background-color: #EDEDED;
  padding: 3px;
  TEXT-DECORATION: none;
  background-image: url(img/result_dot.gif);
  background-repeat: no-repeat;
  background-position: center left;
}


.resulttopbox input:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	display: block;
	padding: 3px;
	border: 1px solid #EDEDED;
	TEXT-DECORATION: none;
}

.resulttopbox input:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	display: block;
	background-color: #FBFBFB;
	padding: 3px;
	border: 1px solid #999;
	TEXT-DECORATION: none;
}

#detail {margin: 0; padding:0;}
#detail .detailheader {width: 550px; background-image: url(img/bp_tabback590.gif);
	background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 13px; height: 22px; color: #000000; font-weight: bold; text-align: center; padding-top: 3px;
	padding-bottom: 0px; }
#detail .detailheader2 {width: 290px; background-image: url(img/bp_tabback290.gif);
	background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 13px; height: 22px; color: #000000; font-weight: bold; text-align: center; padding-top: 3px;
	padding-bottom: 0px; }
#detail .detailbox {width: 548px; border: 1px solid #006; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px;}
#detail .detailbox h2 {border-bottom: 1px solid #006; padding: 5px; background: #f2f2f2; margin: 0px -5px 5px -5px; font-size: 12px; background: url(img/tab_headerback.gif); color: #333; font-family: Arial, Helvetica, sans-serif, Verdana;}
#detail .detailbox2 {width: 288px; border: 1px solid #006; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px;}
#detail .detailbox2 h2 {border-bottom: 1px solid #006; padding: 5px; background: #f2f2f2; margin: 0px -5px 5px -5px; font-size: 12px; background: url(img/bp_tabback290.gif); color: #333; font-family: Arial, Helvetica, sans-serif, Verdana;}
#detail .detailbox2 table {width: 288px; margin: 0; line-height: 1.2em;}
#detail .detailbox2 td.right {text-align: left; font-weight: bold; padding: 0px 5px 3px 5px; width: 123px; vertical-align: bottom;}
#detail .detailbox2 td.left {text-align: right; padding: 0px 5px 3px 5px; width: 155px; vertical-align: top;}
#detail .detailbox table {width: 580px; margin: 0px; line-height: 1.2em;}
#detail .detailbox td.right {text-align: left; font-weight: bold; padding: 0px 5px 3px 5px; width: 425px;}
#detail .detailbox td.rightphoto {text-align: left; font-weight: bold; padding: 0px 5px 3px 5px; width: 172px;}
#detail .detailbox td.left {text-align: right; white-space: nowrap; padding: 0px 5px 3px 5px;	width: 145px; vertical-align: top;}
#detail .detaildata {padding: 4px 2px 4px 15px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px;   }
#detail .divider {border-top: 1px solid #a1a5a9; padding: 0px 0px 5px 0px;}
#column1 {width: 300px;}


/* -- Calendar Popup styles -- */
.CALENDARcpYearNavigation,
.CALENDARcpMonthNavigation
{
  background-color:#6677DD;
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
  }
.CALENDARcpDayColumnHeader,
.CALENDARcpYearNavigation,
.CALENDARcpMonthNavigation,
.CALENDARcpCurrentMonthDate,
.CALENDARcpCurrentMonthDateDisabled,
.CALENDARcpOtherMonthDate,
.CALENDARcpOtherMonthDateDisabled,
.CALENDARcpCurrentDate,
.CALENDARcpCurrentDateDisabled,
.CALENDARcpTodayText,
.CALENDARcpTodayTextDisabled,
.CALENDARcpText
{
  font-family:arial;
  font-size:8pt;
  }
td.CALENDARcpDayColumnHeader
{
  text-align:right;
  }
.CALENDARcpCurrentMonthDate,
.CALENDARcpOtherMonthDate,
.CALENDARcpCurrentDate
{
  text-align:right;
  text-decoration:none;
  }
.CALENDARcpCurrentMonthDateDisabled,
.CALENDARcpOtherMonthDateDisabled,
.CALENDARcpCurrentDateDisabled
{
  color:#D0D0D0;
  text-align:right;
  text-decoration:line-through;
  }
.CALENDARcpCurrentMonthDate
{
  color:#6677DD;
  font-weight:bold;
  }
.CALENDARcpCurrentDate
{
  color: #FFFFFF;
  font-weight:bold;
  }
.CALENDARcpOtherMonthDate
{
  color:#808080;
  }
td.CALENDARcpCurrentDate
{
  color:#FFFFFF;
  background-color: #6677DD;
  border-width: 1px;
  border:solid thin #000000;
  }
td.CALENDARcpCurrentDateDisabled
{
  border-width: 1px;
  border:solid thin #FFAAAA;
  }
td.CALENDARcpTodayText,
td.CALENDARcpTodayTextDisabled
{
  border:solid thin #6677DD;
  border-width: 1px 0px 0px 0px;
  }
a.CALENDARcpTodayText,
span.CALENDARcpTodayTextDisabled
{
  height:20px;
  }
a.CALENDARcpTodayText
{
  color:#6677DD;
  font-weight:bold;
  }
span.CALENDARcpTodayTextDisabled
{
  color:#D0D0D0;
  }
.CALENDARcpBorder
{
  border:solid thin #6677DD;
  }

.errorBox, .infoBox { 
  overflow: auto;
  width:580px;
  padding:4px;
  border:1px solid gray;
 }

.errorBox, .infoBox p {
  padding:0px;
  margin:0px;
}

.errorHeading, .infoHeading {
  font-size: 14px;
  font-weight:bold;
  color: #940808;
 }

.errorMessages, .infoMessages { 
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: left;
  font-size: 10px;
  font-family: arial, sans-serif;
 }

/*---------- STYLE FOR BRIEF ----------------*/
/*---------- END STYLE FOR BREIF ------------*/

.minitopback 
{
  background-image: url(img/mb_top.gif);
  background-repeat: repeat-x;
  }
.minibottomback 
{
  background-image: url(img/mb_bottom.gif);
  background-repeat: repeat-x;
  }
.minileftback
{
  background-image: url(img/mb_leftmiddle.gif);
  background-repeat: repeat-y;
  }
.minirightback
{
  background-image: url(img/mb_rightmiddle.gif);
  background-repeat: repeat-y;
  }
.minicolor 
{    
  background-color: #E5ECF9;
  }

.minititle3
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: black;
  text-align:center;
  }
.minititle1
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000066;
  }
.minititle2
{
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  }
.minitext
{
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  color: #000000;
  }
.leftmainnav2
{
  PADDING-RIGHT: 1px;
  DISPLAY: block;
  PADDING-LEFT: 10px;
  PADDING-BOTTOM: 1px;
  PADDING-TOP: 1px;
  TEXT-DECORATION: none;
  height: 1px;
  width: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-image: url(img/mb_dottedline.gif);
  background-repeat: repeat-x;
  }

.resultinsidebox {border:1px solid #C1DAD7; margin:0; padding:0; width:98%; font-size:0.9em;}
.resultinsidebox h2{background-color:#F5FAFA; font: bold 1em Arial; color: #345E68; padding:5px;border-bottom:1px solid #C1DAD7; background: #CAE8EA url(/graphics/datatable_bg_header.jpg) no-repeat; clear:none !important;}
.insidebox {border-collapse:collapse;width:100%; background-color:#fff; margin:0; padding:0;}
.insidebox caption,.stock1 thead{display:none}
.insidebox td.left{border-bottom:0 solid #C1DAD7; margin:0; padding:.3em; width:27%; text-align:right; vertical-align: top;}
.insidebox td.right{border-bottom:0 solid #C1DAD7; margin:0; padding:.3em; width:73%; font-weight:bold;}
.insidebox tr.resultsorted {background-color: #F5FAFA; color: #000000; border-top: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7;}
.attach {float:right;}
.attach img {display:inline; padding:3px 3px 0 0;}

/* */
#brieflocatormap {border-bottom:0 solid #000; float:right;}
#brieflocator {border-bottom:0 solid #000; margin-bottom:15px;}
#brieflocator p {margin:0; padding:0;}
#briefimages  {border-bottom:0 solid #000; text-align: center;}
#briefimages img {text-align: center; margin-bottom:5px;}

#apphead {display:none;}
.menuitem-body {
	height: 0px;
	overflow: hidden;
	font-size: 100%;
	visibility: hidden;
}

.instructionText {
  padding: 5px;
  border:1px solid #990000;
  background-color: #EDEDED;
  font-family: serif;
  font-size: small;
}


/* PAGINATION */

div.nav {background-color: #EAEAEA; border: 1px solid #333; padding: 3px 5px; margin: 0px auto; height:20px;}
div.nav span.right {float:right; font-size:90%; font:Arial, Helvetica, sans-serif; width: 49%; text-align: right;}
div.nav span.left {float:left; font-size:90%; font:Arial, Helvetica, sans-serif; width: 49%; text-align: left;}
div.nav a {color:#fff; margin:0 5px; background-color:#369; border:1px solid #fff; padding:0 2px; text-decoration:none; font-size: 90%;}
div.nav a:visited {text-decoration:none; color:#fff;}
div.nav a:hover {text-decoration:none; color:#fc0;}
div.nav span.nopage {color:#fff; margin:0 5px; background-color:#eaeaea; border:1px solid #fff;	padding:0 2px; text-decoration: none; font-size:90%; color:#999;}

/* page layout */
#mitigationbp h2 {clear:none !important;}