body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

.highlight { color: red; }
.bg_reverse { background-color: #BBBBFF; }
.iconic_text { font-size: 150%; color: #303498; vertical-align: middle; }

BODY
{
  font-family: "Arial", "Helvetica";
  color: #000000;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  height: 100%;
}
TD, P, OL, DL {font-family: "Arial", "Helvetica";}


html { height: 100%; }		/* HTML and BODY both need to be 100% height to allow footer at bootom for IE. */

h1 { font-weight: bold; }
EM { font-weight: bold; font-size: 115%; font-style: normal; }
EM.soft { color: #9090A0; font-size: 90%; }
EM.medium { font-size: 80%; font-style: italic; }
EM.small { font-size: 70%; font-style: italic; }
.note { color: #9090A0; font-size: 80%; font-style: italic; padding: 0 .4em; }

code
{
  font-size: 115%;
  font-weight: bold;
  color:#000080;
}

.small { font-size:70%; }
.big { font-size: 125%; font-weight: bold; }
.soft_underline { border-bottom: .08em solid #ABD; padding:0 .1em }

SPAN.small { font-size:70%; }
SPAN.smaller { font-size:55%; }
SPAN.small_note { font-size:70%; font-style: normal;}
SPAN.big_banner { font-size: 125%; font-weight: bold; color: #303458; background-color: #BCCBD0; padding: 0 .3em; }
SPAN.info_text { font-size: 115%; font-weight: bold; color: #475B76; }
SPAN.back_order { color:#F00; font-size:90%; font-weight: bold; background-color:#500; }
.fluo { color: #350; background-color: #CF5; padding-left:.1em; padding-right:.1em; }

P.big { font-size: 125%; font-weight: bold; }
p.hr { font: bold 20%/.1 Arial, Helvetica, sans-serif; border-bottom: .1em dashed #D0D0E0; }

P#list { padding: .3em 2.3em; text-indent: -2.0em; }	/* Does not work as a class. */

tr.hilite { background-color: #E0E0E8; }
tr.hilite:hover { background-color: #FFFFEE; }

kbd, kbd.min
{
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  padding: 0 .1em;
  border-width: .13em .3em .3em .13em;
  border-style: solid;
  border-color: #cbb #A99 #877 #ccb;
  background: #DDDDDD;
  color: #444;
  margin-right:.2em;
  margin-bottom:.3em;
  line-height:1.4em;
  -webkit-border-radius: .25em;
  -moz-border-radius: .25em;
  border-radius: .25em;

  text-shadow:1px 1px 1px #FFF;
  filter: shadow(color=#333, direction=135, strength=3);

 -moz-box-shadow: 2px 2px 3px #999, inset 0 10px 20px #ccc;
 -webkit-box-shadow: 2px 2px 3px #999, inset 0 10px 20px #ccc;
 box-shadow: 2px 2px 3px #999, inset 0 10px 20px #ccc;
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";/* IE 8 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');/* IE 5.5 - 7 */
}

kbd.min { padding: 0 .3em; }				/* Used for very narrow keycaps, such as "i" or "1". */
kbd.condensed { letter-spacing: -.1em; }

A, a:link, a:visited, a:hover, a:active
{
  color: #000;
  font-weight: bold;
  text-decoration: none;
  border-bottom: .07em solid #778;
}

A:hover
{
  color: #000;
  background: #F4F4FF;
  border-bottom: .1em solid #445;
  -webkit-border-radius: .15em;
  -moz-border-radius: .15em;
  border-radius: .15em;
}

/* Kludges like this are always for IE; a class *must* be used to disable underlining image links. */
/* Completely disable link display and instead use IMG to provide feedback. */
A.im, a.im:link, a.im:visited, a.im:active
 { border: 0 none; padding: 0; margin: 0; text-decoration: none; }

A.im IMG
{
  border: .2em solid #E0E0F0;
  -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em;
}
A.im:hover { background-color: transparent; }
A.im:hover IMG
{
  border-color: #00CC00;
 -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em;
}

HR.big
{
  margin-top: .9em;
  margin-bottom: .8em;
  color: #B0B0C0;
  background-color: #B0ACDF;
  height: .1em;
  width: 85%;
  border: none;
}

SUP
{
  font-size: 75%;
}


.footnote { color: #565C7D; font-size: 80%; font-style: italic; }
.ul_bullet { margin: 0 .5em; color: #AAA; }		/* Great with &#9658. */
.ul_bullet_green { margin: 0 .5em; color: #7EB57E; }
.ul_bullet_blue { margin: 0 .5em; color: #97ABC6; text-shadow: .1em .1em .4em #AAF; }
.bullet { margin: 0 .5em; color: #8AC; }		/* Great with &#9658. */

UL.colored { list-style: square outside; color: #97ABC6; padding-left: .3em; }
UL.colored SPAN { color: #000; }

input, textarea
{
  color:#000000;
  background-color:#FFFFEE;
  border-color:#AAB;
  border-width:small;
  border-style:solid;
  text-align:left;
  padding:.1em .2em;
  font-family:Arial;
  font-size:16px;
  font-weight:bold;
  -webkit-border-radius: .25em;
  -moz-border-radius: .25em;
  border-radius: .25em;
}

input:focus, textarea:focus
{
  background-color: #FFFFA0;	/* #DDFFDD */
  border-style: solid;
  border-color:#778;
}

input.numeric { text-align:right; }


.bare
{
  color:#000000;
  border-style:none;
  border-width:0;
}

.container
{
  border-style: none;
  border-collapse: collapse;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: left;
}

table.container tr td
{
  vertical-align:top;
  border:0;
  border-style: none;
}


table.footer_info
{
  background-color: #F8F8FF;
  border: 0;
  border-top: .05em solid;
  border-color: #A0A8B8;
  padding: 0;
}


table.info, table.info_bare
{
  border-collapse: collapse;
  border: .05em solid;
  border-color: #606888;
  padding: 0;
  margin: 0;
  background-color: #FFFBEA;
}

table.info td
{
  border: .05em solid;
  border-color: #A0A8B8;
  border-collapse: collapse;
  border-style: solid;
  padding: .2em;
  vertical-align:middle;
}

table.info td p { margin-bottom: .5em; }

table.info_bare td
{
  border: 0;
  padding: .2em;
  vertical-align:middle;
}

table.info td.header
{
  border-style: solid;
  color: #557;
  background-color: #C4C4D4;
  font-size: 120%;
  font-weight: bold;
  font-family: "Verdana", "Arial", "Helvetica";
  text-shadow: 0 0 .2em white, 0 0 .5em white;
}

td.side
{
  vertical-align:middle;
  color: #FFFFFF;
  background-color:#444466;
  text-align: right;
  font-size: 120%;
  font-family: "Verdana", "Arial", "Helvetica";
}

td.side_field
{
  vertical-align:middle;
  color: #222222;
  background-color: #CCCCDD;
  text-align: right;
  font-family: "Verdana", "Arial", "Helvetica";
}

td.side_non_edit
{
  vertical-align:middle;
  color: #222222;
  background-color: #DDDDE4;
  text-align: right;
  font-family: "Verdana", "Arial", "Helvetica";
}

td.banner
{
  vertical-align:middle;
  color: #FFFFFF;
  background-color: #555566;
  font-size: 120%;
  font-weight: bold;
  font-family: "Verdana", "Arial", "Helvetica";
  padding-top: .2em;
  padding-bottom: .2em;
}

tr.banner_gray
{
  vertical-align:middle;
  color: #FFFFFF;
  background-color: #333333;
  font-size: 120%;
  font-weight: bold;
  font-family: "Verdana", "Arial", "Helvetica";
  padding-top: .2em;
  padding-bottom: .2em;
}

td.side A { color: #FFF; }
td.side A:hover { color: #FFF; background: #202020; }

.sitemap { font-size: 125%; }

.sitemap a, .sitemap a:visited, .sitemap a:hover, .sitemap a:active
{
  text-decoration: none;
  border: 0;
  padding: 0 .3em;
  color: none;
  background: none;
  display: block;
  width: 100%;
}

.sitemap li a:visited { color: #99B; text-decoration: line-through; border: 0; }
.sitemap a:hover { background: #FFDD50; border: 0;}
.sitemap li { list-style: decimal none outside; margin-left: 1em; padding: 0; }
.sitemap ol { font-size: 90%; font-weight: bold; }
.sitemap ul { margin: 0; padding:0; }

.sitemap li ol
{
  margin-left: -.4em;
  border-style: solid;
  border-color: #C0CCC4;
  border-width: 0;
  border-left-width: .1em;
  border-bottom-width: .3em;
  padding-bottom: .4em;
  margin-bottom: .4em;
  padding-left: 1.2em;
  -webkit-border-radius: 0 .3em;
  -moz-border-radius: 0 .3em;
  border-radius: 0 .3em;
}

.sitemap li ol li ol { border-left-width: .1em; border-bottom-width: .2em; }


/*=====================================*/
/* Another IE bug; if using class instead of ID's, display fails randomly. */
#menu_tabs
{
  font-size: 93%;
  float: left;
  width: 100%;
  line-height: normal;
  white-space:nowrap;
}

#menu_tabs UL
{
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#menu_tabs LI
{
  padding: 0;
  display: inline;
  list-style: none outside none;
}

#menu_tabs A { float: left; text-decoration: none; margin-right: -0.1em; border: 0; }
#menu_tabs A:hover { background-color: transparent; }
#menu_tabs A:hover SPAN { color: #333; }

#menu_tabs A SPAN
{
  display: block;
  float: left;
  color: #556;
  font-weight: bold;
  padding: .3em 0 4px 0;
}

/* To force the line to appear "under" *all* tabs when there is no "current" tab. */
#menu_tabs .no_current
{
  float: left;
  padding-bottom: 1px;
}


#menu_tabs A SPAN.L
{
  background: url(tabs.gif) no-repeat left top;
  padding-left: 8px;	/* Do NOT use EM or % because a spurious rounding error occurs in FF at some font sizes. */
  white-space: nowrap;
}

#menu_tabs A SPAN.R
{
  background: url(tabs.gif) no-repeat right top;
  padding-right: 8px;
}

#menu_tabs .current A SPAN { padding-bottom: 5px; }
#menu_tabs .current A SPAN.L, #menu_tabs .current A SPAN.R
{
  color: #000;
  padding-bottom: 5px;
}

#menu_tabs .current A SPAN.L, #menu_tabs A:hover SPAN.L { background-position: left -150px; }
#menu_tabs .current A SPAN.R, #menu_tabs A:hover SPAN.R { background-position: right -150px; }


/*	Links looking like 3d buttons */
a.d3, a:visited.d3, a:hover.d3, a:active.d3
{
/*  display: block; float: left; */
  display: inline;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: .1em .8em;
  border-style: solid;
  border-width: .16em;
  margin: .1em;
  white-space: nowrap;
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em;
}

a.d3, a:visited.d3, a:active.d3
{
  color: #4A4A53;
  background-color: #AAC;
  border-color: #CCE #88B #88B #CCE;
}

a:hover.d3
{
  color: #000000;
  background-color: #AAF;
  border-color: #CCF #88C #88C #CCF;
/*  border-color: #F8F8FF #BBBBCC #BBBBCC #F8F8FF; */
  text-decoration: underline;
}


input.d3
{
/*  display: block; float: left; */
  display: inline;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: .1em .8em;
  border-style: solid;
  border-width: .16em;
  margin: .1em;
  white-space: nowrap;

  color: #4A4A53;
  background-color: #BBBBBB;
  border-color: #E8E8F8 #AAAABA #AAAABA #E8E8F8;
}


input:hover.d3
{
  color: #000000;
  background-color: #CCCCEE;
}


.inputsubmit
{
  display: inline;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: .1em .8em;
  border-style: solid;
  border-width: .16em;
  margin: .1em;
  white-space: nowrap;

  color: #4A4A53;
  background-color: #BBBBBB;
  border-color: #E8E8F8 #AAAABA #AAAABA #E8E8F8;
}


.inputsubmit:hover
{
  color: #000000;
  background-color: #CCCCEE;
}




.slide_top_left, .slide_top_right, .slide_bottom_left, .slide_bottom_right, .slide_bottom, .slide_top
{
  border-color:#FFFFFF;
  border-style: solid;
  border-width:0;
}

.slide_top_left
{
  background: url(header.gif) #D7E4E9 left bottom no-repeat;
  padding-left: .5em;
  border-left-width: .3em;
}
.slide_top_right
{
  background: url(header.gif) #D7E4E9 right bottom no-repeat;
  border-right-width: .3em;
  text-align:right;
  white-space:nowrap;
}

.slide_bottom
{
  background: url(header.gif) #D7E4E9 center top no-repeat;
}

.slide_bottom_left
{
  background: url(header.gif) #D7E4E9 left top no-repeat;
  padding-left: .5em;
  border-left-width: .3em;
}
.slide_bottom_right
{
  background: url(header.gif) #D7E4E9 right top no-repeat;
  padding-right: .3em;
  border-right-width: .3em;
  text-align:right;
  white-space:nowrap;
}



/*=================== VERTICAL sub-menu ===================*/

.v_menu
{
  width: 13em;
  margin: .5em;
}

.v_menu li a
{
  margin-right: 1em;
  list-style: decimal none outside;
  height: 1.3em;		/* Necessary for IE. */
  text-decoration: none;
  padding: .2em .5em .2em .5em;
  border-top: .1em solid #FFFFFF;
  border-bottom: .1em solid #FFFFFF;
  display: block;
  color: #666;
  background: #D8D8D8 url(v_menu_1.gif) right center no-repeat;
}

.v_menu li a:visited
{
  padding-left: .5em;
  border-bottom: .1em solid #FFFFFF;
}

.v_menu .current A, .v_menu li a:hover, .v_menu li a:active
{
  margin-right: .5em;
  color: #333;
  background: #C3C3C3 url(v_menu_2.gif) right center no-repeat;
  border-bottom: .1em solid #FFFFFF;
}

.v_menu .current A
{
  padding-top: .5em;
  padding-bottom: .5em;
}

.v_menu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}



/* This box: Cross-browser, no script, self-scalable, single bitmap, round corners with inlaid text,
   shadow, multi-colors for body, multi backgrounds for h1 "caption".

   Disadvantages: Clunky html for web designer.
*/

table.bo, table.bo2 { border-collapse: collapse; text-align: left; }
table.bo tr td, table.bo2 tr td { overflow:hidden; white-space: nowrap; }

table.bo tr td.b1, /* Specific to avoid inner-table problems. */
table.bo tr td.b3,
table.bo tr td.b5,
table.bo tr td.b8,
table.bo tr td.b9,
table.bo tr td.b11
{ background-image:url('boxfull.gif'); background-repeat:no-repeat; padding:0; }

table.bo2 tr td { background-image:url('boxfull2.gif'); background-repeat:no-repeat; padding:0; }
table.bo tr td.b1, table.bo2 tr td.b1  { background-position: 0% 0%; width: 12px; height: 17px; }
table.bo tr td.b3, table.bo2 tr td.b3  { background-position: 100% 0%; }
table.bo tr td.b5, table.bo2 tr td.b5  { background-position: 0% 50%; width: 12px; }
table.bo tr td.b6, table.bo2 tr td.b6  { background-position: 50% 50%; }
table.bo tr td.b8, table.bo2 tr td.b8  { background-position: 100% 50%; width: 12px; }
table.bo tr td.b9, table.bo2 tr td.b9  { background-position: 0% 100%; }
table.bo tr td.b11, table.bo2 tr td.b11  { background-position: 100% 100%; height:14px; }
table.bo tr td.b6 { color:#000000; padding: 0; }
table.bo2 tr td.b6 { color:#000000; padding: 0 }

table.bo h1, table.bo h2, table.bo h3, table.bo h4, table.bo h5,
table.bo2 h1, table.bo2 h2, table.bo2 h3, table.bo2 h4, table.bo2 h5
{
  margin: 0;
  padding: 0.3em 0.5em;
  font: bold 120%/1 Arial, Helvetica, sans-serif;
}

table.bo h1 { color:#475B76; background:#D3DAEF; background-image:url(band.jpg); background-repeat: repeat-x; background-position: right top; text-shadow: 0 0 .2em white, 0 0 .5em white; }
table.bo2 h1 { color:#243; background:#C6E73A; text-shadow: 0 0 .2em white, 0 0 .5em white; }
table.bos2 h1, table.bo2s2 h1 { color:#555; background:#C1D1C1; background-image:url(band.jpg); background-repeat: repeat-x; background-position: 0px center; text-shadow: 0 0 .2em white, 0 0 .5em white; }
table.bos3 h1, table.bo2s2 h1 { color:#305000; background:#D0F0C8; background-image:url(band.jpg); background-repeat: repeat-x; background-position: 0px bottom; text-shadow: 0 0 .2em white, 0 0 .5em white; }
table.bos4 h1, table.bo2s2 h1 { color:#732; background:#FF8383; text-shadow: 0 0 .2em white, 0 0 .5em white; }
table.bos5 h1, table.bo2s2 h1 { color:#432; background:#BA9; text-shadow: 0 0 .2em white, 0 0 .5em white; }

table.bo, table.bo2 { background-color: #F6F6FF; }
table.bos2, table.bo2s2 { background-color: #F8FCF8; }
table.bos3, table.bo2s3 { background-color: #F0F8F0; }
table.bos4, table.bo2s4 { background-color: #FFE0E0; }
table.bos5, table.bo2s5 { background-color: #FCF4F2; }


table.bo li, table.bo2 li
{
  margin:0 0 0 2em;
  padding:0;
}

table.bo body, table.bo2 body
{
  margin:0;
  padding: .5em .5em;
}

table.bo p, table.bo2 p
{
  margin:0;
  padding: .3em .5em;
}




/* Extremely contorted, but provides an overlaid speech-bubble that is: */
/* Transparent, antialiased, alpha-shadows even on IE6, single-image, fully dynamic-sized by content -- both width and height. */
/* A table is the only way to consistently pull this off (DIV are a mess for cross-browser support). */
/* Degraded GIF are served to IE because alpha-shadows during fades are impossible. */
/* A 9-cells design is inherently the most robust, even thought a 4-cells was sort of possible... */
div.pop { _margin-bottom:8px; }		/* Fudge for anomaly with IE. */
div.pop2, div.pop3, div.popnote, div.popnote2, div.popnote3 { width: auto; cursor: default; }
div.pop table, div.pop2 table, div.pop3 table, div.popnote table, div.popnote2 table, div.popnote3 table { border-collapse: collapse; }
div.pop table tr td, div.pop2 table tr td, div.pop3 table tr td, div.popnote table tr td, div.popnote2 table tr td, div.popnote3 table tr td { overflow:hidden; padding:0; }

/* If you change this image with another of the same name, a caching bug may cause the OLD size to be reported, until you flush IE cache... */
div.pop table tr td, div.pop2 table tr td, div.pop3 table tr td,
div.popnote table tr td, div.popnote2 table tr td, div.popnote3 table tr td { background-repeat:no-repeat; }

div.pop table tr td { background-image:url('pop.png'); }
div.pop2 table tr td { background-image:url('pop2.png'); }
div.pop3 table tr td { background-image:url('pop3.png'); }
div.popnote table tr td { background-image:url('popnote.png'); }
div.popnote2 table tr td { background-image:url('popnote2.png'); }
div.popnote3 table tr td { background-image:url('popnote3.png'); }

/* IE5..IE8 PNG deficient -- degrade to GIF with a hack. */
div.pop table tr td { background-image:url('pop.gif')\9; }
div.pop2 table tr td { background-image:url('pop2.gif')\9; }
div.pop3 table tr td { background-image:url('pop3.gif')\9; }
div.popnote table tr td { background-image:url('popnote.gif')\9; }
div.popnote2 table tr td { background-image:url('popnote2.gif')\9; }
div.popnote3 table tr td { background-image:url('popnote3.gif')\9; }


div.pop table tr td.b1  { background-position: 0% 0%; height: 10px; }
div.pop table tr td.b2  { background-position: 50% 0%; }
div.pop table tr td.b3  { background-position: 100% 0%; }
div.pop table tr td.b4  { background-position: 0% 50%; width: 24px; }
div.pop table tr td.b5  { background-position: 50% 50%; color:#000000; }
div.pop table tr td.b6  { background-position: 100% 50%; }
div.pop table tr td.b7  { background-position: 0% 100%; }
div.pop table tr td.b8  { background-position: 50% 100%; }
div.pop table tr td.b9  { background-position: 100% 100%; width: 26px; height:47px; }

div.pop2 table tr td.b1  { background-position: 0% 0%; height: 37px; }
div.pop2 table tr td.b2  { background-position: 50% 0%; }
div.pop2 table tr td.b3  { background-position: 100% 0%; }
div.pop2 table tr td.b4  { background-position: 0% 50%; width: 26px; }
div.pop2 table tr td.b5  { background-position: 50% 50%; color:#000000; }
div.pop2 table tr td.b6  { background-position: 100% 50%; }
div.pop2 table tr td.b7  { background-position: 0% 100%; }
div.pop2 table tr td.b8  { background-position: 50% 100%; }
div.pop2 table tr td.b9  { background-position: 100% 100%; width: 26px; height:24px; }

div.pop3 table tr td.b1  { background-position: 0% 0%; height: 37px; }
div.pop3 table tr td.b2  { background-position: 100% 0%; }
div.pop3 table tr td.b3  { background-position: 100% 0%; }
div.pop3 table tr td.b4  { background-position: 0% 50%; width: 16px; }
div.pop3 table tr td.b5  { background-position: 50% 50%; color:#000000; }
div.pop3 table tr td.b6  { background-position: 100% 50%; }
div.pop3 table tr td.b7  { background-position: 0% 100%; }
div.pop3 table tr td.b8  { background-position: 50% 100%; }
div.pop3 table tr td.b9  { background-position: 100% 100%; width: 36px; height:24px; }

div.popnote table tr td.b1  { background-position: 0% 0%; height: 18px; }
div.popnote table tr td.b2  { background-position: 50% 0%; }
div.popnote table tr td.b3  { background-position: 100% 0%; }
div.popnote table tr td.b4  { background-position: 0% 50%; width: 18px; }
div.popnote table tr td.b5  { background-position: 50% 50%; color:#000000; }
div.popnote table tr td.b6  { background-position: 100% 50%; }
div.popnote table tr td.b7  { background-position: 0% 100%; }
div.popnote table tr td.b8  { background-position: 50% 100%; }
div.popnote table tr td.b9  { background-position: 100% 100%; width: 28px; height:29px; }

div.popnote2 table tr td.b1  { background-position: 0% 0%; height: 18px; }
div.popnote2 table tr td.b2  { background-position: 50% 0%; }
div.popnote2 table tr td.b3  { background-position: 100% 0%; }
div.popnote2 table tr td.b4  { background-position: 0% 50%; width: 18px; }
div.popnote2 table tr td.b5  { background-position: 50% 50%; color:#000000; }
div.popnote2 table tr td.b6  { background-position: 100% 50%; }
div.popnote2 table tr td.b7  { background-position: 0% 100%; }
div.popnote2 table tr td.b8  { background-position: 50% 100%; }
div.popnote2 table tr td.b9  { background-position: 100% 100%; width: 28px; height:29px; }

div.popnote3 table tr td.b1  { background-position: 0% 0%; height: 18px; }
div.popnote3 table tr td.b2  { background-position: 50% 0%; }
div.popnote3 table tr td.b3  { background-position: 100% 0%; }
div.popnote3 table tr td.b4  { background-position: 0% 50%; width: 18px; }
div.popnote3 table tr td.b5  { background-position: 50% 50%; color:#000000; }
div.popnote3 table tr td.b6  { background-position: 100% 50%; }
div.popnote3 table tr td.b7  { background-position: 0% 100%; }
div.popnote3 table tr td.b8  { background-position: 50% 100%; }
div.popnote3 table tr td.b9  { background-position: 100% 100%; width: 28px; height:29px; }

div.pop table tr td.b5, div.pop2 table tr td.b5, div.pop3 table tr td.b5,
div.popnote table tr td.b5, div.popnote2 table tr td.b5, div.popnote3 table tr td.b5
{ font-weight: bold; }


.drop_shadow
{
 -moz-box-shadow: 3px 3px 4px #999;
 -webkit-box-shadow: 3px 3px 4px #999;
 box-shadow: 3px 3px 4px #999;
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */
}

.outer_shadow, .screenshot_shadow
{
 -moz-box-shadow: 1px 1px 15px #CCC;	/* Firefox */
 -webkit-box-shadow: 1px 1px 15px #CCC; /* Safari/Chrome */
 box-shadow: 1px 1px 15px #CCC;	 /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC')";/* IE 8 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#CCCCCC');/* IE 5.5 - 7 */
}
.screenshot_shadow { filter: none; }	/* IE screws pops positions -- so no shadow. */


.spot_zone
{
 -webkit-border-radius: .15em;
 -moz-border-radius: .15em;
 border-radius: .15em;
 -moz-box-shadow: 0px 0px 5px 5px #CF5, inset 0 0 10px #CF5;	/* Firefox */
 -webkit-box-shadow: 0px 0px 5px 5px #CF5, inset 0 0 10px #CF5; /* Safari/Chrome */
 box-shadow: 0px 0px 5px 5px #CF5, inset 0 0 10px #CF5;	 /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCFF55')";/* IE 8 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#CCFF55');/* IE 5.5 - 7 */
}


/* Some IE6 bugs: Element must have explicit height, must be within another element, ex. span or div with something else. */
.text_shadow
{
  height:1px; text-shadow:.1em .1em .1em #333333;
  filter: shadow(color=#333333, direction=135, strength=3);
}

.text_outset { text-shadow: 0px 1px 1px #444; }
.text_glow { text-shadow: 0 0 .2em white, 0 0 .5em white; }
.text_glow_blue { text-shadow: 1px 1px 6px #AAF; }
.text_neon_pink { text-shadow: 0 0 .1em #FFF, 0 0 .2em #FFF, 0 0 .3em #FFF, 0 0 .4em #FF00DE, 0 0 .7em #FF00DE, 0 0 .8em #FF00DE, 0 0 1em #FF00DE, 0 0 1.5em #FF00DE; }
.text_neon_red { text-shadow: 0 0 .05em #FFF, 0 0 .1em #FFF, 0 0 .15em #FFF, 0 0 .2em #F00, 0 0 .35em #F00, 0 0 .4em #F00, 0 0 .5em #F00, 0 0 .75em #F00; }
.text_neon_green { text-shadow: 0 0 .05em #FFF, 0 0 .1em #FFF, 0 0 .15em #FFF, 0 0 .2em #0F0, 0 0 .35em #0F0, 0 0 .4em #0F0, 0 0 .5em #0F0, 0 0 .75em #0F0; }
.text_fire { text-shadow: 0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200; }
.text_fire_3 { text-shadow: 0 0 .1em white, 0 -.125em .2em #FFFF33, .05em -.25em .15em #FFDD33, -.05em -.35em .25em #FF8800, .05em -.6em .45em #FF2200; }
.text_fire_2 { text-shadow: 0 0 .2em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .4em #ffae34, .2em -.4em .5em #ec760c, -.2em -.6em .6em #cd4606, 0 -.8em .7em #973716, .1em -.9em .8em #451b0e; }

.photo
{
  border: .2em solid #E0E0F0;
  -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em;
}

.classy_header
{
  font-size:150%; font-weight:bold;
  text-shadow: 0px 1px 1px #AAF;
  margin: .2em .1em;
  padding: 0 .5em;
  background: #5f82e5;
  box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6d6ff;
  -o-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6d6ff;
  -webkit-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6d6ff;
  -moz-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6d6ff;
}


.window_link
{
  font-size:110%; font-weight:bold;
  text-shadow: 0px 1px 1px #AAF;
  margin: .2em .1em;
  padding: 0 .2em;
  background: #5f82e5;
  box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6d6ff;
  -o-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6d6ff;
  -webkit-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6d6ff;
  -moz-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6d6ff;
}