*{
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: transparent;
	background-image: none;
	text-align: left; 
	color: Black; 
	font-size: 12px;
	float:none;
	position: static;
	}
*{
	padding: 5px;
	margin: 5px;
	border-top: 1px solid #A1A1B3;
	border-left: 1px solid #A1A1B3;
	border-right: 3px solid #A1A1B3;
	border-bottom: 3px solid #A1A1B3;
	}
*[id]:before {
content: "#" attr(id);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

*[class]:before {
content: "." attr(class);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
body { 
	background-color: #fff; 
	text-align: left; 
	color: Black; 
	border: none; 
	font-size: 12px;
}
a{margin: 1px; padding: 1px; border:0px;}

div {background-color: #F9F9FB; }

div div{background-color:#F4F4F7;}
div div div {background-color: #EEEEF3; }
div div div div{background-color:  #E8E8EF; }
div div div div div{background-color: #E2E2EC;}
/* --- Divs --- */

/* Grey border, w/ id or class */
div:before {
content: "div" ;
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
div[id]:before {
content: "div#" attr(id);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

div[class]:before {
content: "div." attr(class);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}


/* --- Tables --- */

/* table/th/td: green/dark blue/blue borders */

table {
border: 1px solid #0C0 !important;
border-collapse: separate !important;
border-spacing: 1px !important;
empty-cells: show !important;
}

table[id]:before {
content: "table#" attr(id);
border: 1px solid #C00;
padding: 1px;
color: #000;
background: #fff !important;
font: 9px Verdana, sans-serif;
}

table[class]:before {
content: "table." attr(class);
border: 1px solid #C00;
padding: 1px;
color: #000;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

/* --- Headings --- */

/* All document headings should use <hx>. Shown green for IE benefit */

h1, h2, h3, h4, h5, h6 {
color: #000 !important;  
}

h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

h1:before {
content: "h1";
}

h2:before {
content: "h2";
}

h3:before {
content: "h3";
}

h4:before {
content: "h4";
}

h5:before {
content: "h5";
}

h6:before {
content: "h6";
}


/* --- Deprecated elements; also blockquote since it may be misused to indent --- */

/* Yellow BG */

applet, basefont, center, dir, font, isindex, menu, strike, u, blockquote, i, b {
background: #FFC !important;
}

applet *, basefont *, center *, dir *, font *, isindex *, menu *,
strike *, u *, blockquote *, i *, b * {
background: #FFC !important;
}


/* --- Lists --- */

/* Lists: ol, ul, dl black border, pale khaki BG; li, dd khaki; dt grey
will not show FONT use (but elements within them will) */

ol, ul, dl {
border-collapse: separate !important;
background: #E6E6F4 !important;
}

li, dd, dt {
background: #F3F3FF !important;
}

/* --- Other text elements w/ id or class --- */
p:before {
content: "p";
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
p[id]:before {
content: "p#" attr(id);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

p[class]:before {
content: "p." attr(class);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
ul:before {
content: "ul" ;
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

ul[id]:before {
content: "ul#" attr(id);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
background: #fff !important;
}

ul[class]:before {
content: "ul." attr(class);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
ol:before {
content: "ol";
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
ol[id]:before {
content: "ol#" attr(id);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

ol[class]:before {
content: "ol." attr(class);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
li:before {
content: "li";
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
li[id]:before {
content: "li#" attr(id);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

li[class]:before {
content: "li." attr(class);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
dt:before {
content: "dt" ;
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

dt[id]:before {
content: "dt#" attr(id);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
background: #fff !important;
}

dt[class]:before {
content: "dt." attr(class);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
dd:before {
content: "dd" ;
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

dd[id]:before {
content: "dd#" attr(id);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
background: #fff !important;
}

dd[class]:before {
content: "dd." attr(class);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
strong[id]:before {
content: "strong#" attr(id);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

strong[class]:before {
content: "strong." attr(class);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
span:before {
content: "span";
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
span[id]:before {
content: "span#" attr(id);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

span[class]:before {
content: "span." attr(class);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}
a[id]:before {
content: "a#" attr(id);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}

a[class]:before {
content: "a." attr(class);
border: 1px solid #333;
padding: 1px;
color: #333;
font: 9px Verdana, sans-serif;
background: #fff !important;
}


/* --- Hyperlinks --- */

/* Hyperlinks with titles are minty green (accessibility and usability aid; 
avoids exposing users to urls (directory structures and filenames - "tech-speak") */
a {
color: #600 !important;
}
a[title] {
color: #060 !important;
}


/* --- img alt text and dimensions: different methods of high/lowlighting --- */

/* Highlight images (red) without alt-text or dimensions */
img {border: 2px solid #F00 !important; 
visibility: visible !important;}

/* Highlight images (amber) without alt-text */
img[height][width] {border: 2px solid #F90 !important; 
visibility: visible !important;}

/* Lowlight images with alt-text and dimensions */
img[alt][height][width] {border-width: 0 !important; 
visibility: visible !important;}


/* --- New windows --- */

/* New window warning (usability issue) */

a[target="_blank"]:before {
content: "Opens new window:";
border: 1px solid #C00;
padding: 1px;
color: #000;
background: #FF9;
font: 9px Verdana, sans-serif;
}



