
.datatable {
	padding: 0;
	margin: 0;
}

.datatable th {
	font: bold 11px Arial;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(/graphics/datatable_bg_header.jpg) no-repeat;
}
.datatable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font: 12px Arial;
}

.datatable tr.r0 {background-color: #F5FAFA;}

.datatable tr.r1 {background-color: #ffffff;}


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;}

/* ---------- 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;
}

/* ---------- PADDING ---------- */
/* used to offset itmes located in a table cell*/

.cellPadding 
{
  padding: 5px;
}


/* ---------- MARGINS ---------- */
/* use when text is free standing */

.indent
{
  margin-left: 20px;
}

.padded{margin: 5px;
}

/* ---------- ALIGNS ---------- */



/* ----------- 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: 80%;
  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: 79%;
	margin-top: 10px;
	display:block;
	border-bottom: none;
}

span.pagelinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 79%;
	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;
}

.specialAttentionText 
{ 
  color: red;
  font-weight: bold;
  font: 14px tahoma, arial;
}


 .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;
}



/* ----------- 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;
 }

.resultinsidebox {border:1px solid #C1DAD7; margin:0; padding:0; width:550px; 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;}
.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;}

.instructionText {
  padding: 5px;
  border:1px solid #990000;
  background-color: #EDEDED;
  font-family: serif;
  font-size: small;
}

