/*
Version 1.10

GreenText: 006633
DarkGreen: 003300
GreyBlue: 999999
GreyBlue Text: 222222
Blue: 003300
Red: 666666
Lavender: BBBBBB
Lt. Lavender: DDDDDD


*/

body { font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; margin:30px 30px 0px 30px; padding-right:2px;}

p { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; }
td { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif}

.menu   { font-size: 80%; margin-top: 0px; margin-bottom: 0px; margin-left: 2px; padding-top: 0px; padding-bottom: 3px }
.menuhead     { color: #363; font-weight: bold; font-size: 80%; margin-top: 2px; margin-bottom: 0px; margin-left: 3px; padding-bottom: 0px }
.definition  { color: #363; font-weight: bold; font-size: 80%; line-height: 110%; margin-left: 4px }
ul {  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;}
li { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; margin-left:20px }
ol {  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;}
h1 { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; margin-bottom:-10px;}
h1:lang(en) {margin-bottom:20px;}

h2 { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; color: #666666; margin: 10px 0px 20px 0px; }
h3 { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; margin-top: .5em; margin-bottom: .5em; font-weight:bold; color:#003300}
h4 { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; color: #006633; padding-top:.5em; }
h5 { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif}
.purple { color: #660033 }
.red { color: #666666; }
.blue { color: #003300 }
.yesprint { display:none }

/*--SiteBanner--*/
#MainTitle { margin-bottom:.1em }
#MainTitle h1 { color:#006633;font-size:1.5em;font-family:'Verdana',sans-serif; margin: .1em auto }
#MainTitle p.tagline { color:#000000;font-style:italic;font-family:'Times New Roman';font-size:1.2em; margin:.1em auto 0 auto }
/*--/SiteBanner--*/

/*--NavBar--*/

#NavBar { background-color:#000000; color:#aaaaaa; text-align:right;border-top:.5em solid #ffffff; border-bottom:2px solid #ffffff  }
#NavBar div { padding:.4em }
#NavBar a { color: #eeeeee; text-decoration:none }
#NavBar a:hover { color:#ffffff; text-decoration:underline }
.NavSection { color:#eeeeee; font-weight:bold; font-size:.9em; display:inline; padding-right:.5em }
/*--/NavBar--*/

/*--HeaderBar--*/
#HeaderBar { background-color:#889988; color:#ffffff; text-align:right; font-size:.9em; font-weight:bold }
#HeaderBar form { padding:1px 0px 2px 0px }
#HeaderBar a { color:#000000 }
#HeaderBar a:hover { color:#880000 }
/*--/HeaderBar--*/

/*--BreadCrumbs--*/
#BreadCrumbs { font-size: 70%; text-transform: uppercase; color: #999999; font-weight: bold; padding: 3px 10px 3px 0px; letter-spacing: 1px; word-spacing: 2px; }
#BreadCrumbs a { text-decoration: none; color: #999999; font-weight: bold; margin: 0px; padding: 0px; letter-spacing: 1px; word-spacing: 2px; }
#BreadCrumbs a:hover { color: #660033; text-decoration:underline; }
/*--/BreadCrumbs--*/


/*--Section Menu--*/

#SectionMenu { background-color:#eeeeee; padding:.5em; color:#555555; font-size:small; line-height:1.6}
#SectionMenu div { padding-left:1em; }
#SectionMenu .title { font-size:1.25em; padding:0px; color:#555555; font-weight:bold; text-shadow:none; text-align:left; }
#SectionMenu a { display:block; padding-left:1em; text-decoration:none;  color:#666666; padding-top:.3em; padding-bottom:.3em; line-height:1.25em }
#SectionMenu a:hover { text-decoration:underline; color:#880000 }
#SectionMenu .navhead { background-color:#000000; color:#eeeeee; padding:2px 0px 2px 2px; font-weight:bold; text-decoration:none; width:100%; margin-top:.5em }
#SectionMenu a.navhead:hover { background-color:#880000; color:#ffffff; text-decoration:none }
#SectionMenu .otherhead { color:#666666; padding:2px; font-weight:bold;}
#SectionMenu .otherhead a:hover { color:#880000; padding:2px; font-weight:bold;}
/*--/Section Menu--*/


/*  /FRAME LAYOUT  */

#FootSpacer { width="100%"; position:relative; display:block;}
#LeftPane { width:250px; position:absolute; left:30px; }
#CenterPane {right:30px; position:absolute; left:300px; }
#FootPane { position:fixed; bottom:0px; left:0px; width:100%; background-color:#ffffff }

th { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif }
a:link  { color: #000066; }
a:visited  { color: #000066; }
a:hover  { color: #666666; }
	
.dkpurplebackground { background-color: #BBBBBB; }
.dkgreybackground { background-color: #889988; }
.dkredbackground { background-color: #990000; color: #ffffff; font-weight: bold}
.ltpurplebackground { background-color: #DDDDDD!important; }
.ltgreybackground { background-color: #eeeeee;}
.ltredbackground { background-color: #e5cfcf; }
.bluegreybackground { color: #003300 }
.greybluebackground { background-color: #999999; color: #ffffff; font-weight: bold }

#PrintOnly { visibility:collapse; _visibility:hidden; width:0px }

img.news { padding: 1px }
center img { margin:1em }
div.caption { font-weight:bold; font-size:.9em; margin-bottom:1.5em }

.total {
	float:right;
	font-size:80%;
	padding:2px;
	vertical-align:text-bottom;
	border:1px solid #999999;
	background-color: #ccddcc;
	font-style:italic;
	color:#222222;
	margin-top:5px;
}

.progress_indicator {
	font-size:80%; 
	color: #003300; 
	font-weight: bold; 
	padding-top:7px;
	padding-bottom:10px; 
	text-align: center; 
	margin-bottom: 10px; 
	margin-top: 5px; 
}

.redbold {
	font-weight: bold;
	color: #990000;
}

.redbold a {
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

.redbold a:hover {
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}

.formhead      { font-weight: bold; font-size: 110%; margin-top: 0px; margin-bottom: 0px; margin-left: 6px; padding-top: 4px; padding-right: 4px; padding-bottom: 2px }
.formsubhead {font-weight: bold; margin-top: 0px; margin-bottom: 0px; margin-left: 6px; padding-top: 4px; padding-right: 4px; padding-bottom: 2px  }
.formtext   { font-size: 10px; margin-top: 0px; padding: 0px 2px 0px 8px }
.formtextnowrap    { font-size: 10px; margin-top: 0px; padding: 0px 2px 0px 4px }

.sidelinks { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px }

.title   { color: #666666; font-weight: bold; font-size: 105%; margin-top: 2px; margin-bottom: 0px; margin-left: 0px; padding-top:5px; padding-bottom: 0px; padding-left: 0px } 
.smalltext {	font-size: 85%;	margin-top: 1;	margin-bottom: 5;	margin-left: 3px;	line-height: 123% }
.smaller   { font-size: 80% }
.tabletext { font-size: 85% }
.text      { font-size: 85%; margin-top: 0px; margin-bottom: 6px; margin-left: 2em; padding-top: 0px; padding-bottom: 0px }
.toctable { padding: 5px; margin-left: 10px }
.totalbox {border:1px solid #999999; padding:2px; background-color:#ccddcc; color:#222222}


p.indent { margin-left: 25px }
p.glossary { margin-bottom: 10px; }

#SearchBox {padding-left:15%; padding-right:15%}

.footnote {font-size:.8em}
span.footnote a {vertical-align:super; text-decoration:none}
div.footnote { border-top: 1px solid black; border-bottom: 1px solid black; padding:1em; margin:1em; font-size:.9em }
div.footnote a { vertical-align:super; font-weight:bold }
div.footnote a:link { vertical-align:baseline; font-weight:normal; text-decoration:none }
div.footnote ol { padding:0; margin:0 }

/* google search button defs*/
td.gsc-search-button { border:2px solid #ffffff; padding-left:5px }
input.gsc-search-button {background-color: #003300; color:#ffffff; border-radius:5px; box-shadow: 2px 2px 5px #888888; border:2px outset #999999; padding:2px; margin:3px}
input.gsc-search-button:hover {box-shadow: 2px 2px 5px #000000; color:#ccddcc; background-color:#21387C}
.gsc-branding {display:none}
/*/ google search button defs*/

/* data/index.html defs */

#ListPage { font-size:80%; border:1px solid #003300; margin-bottom:10px; }
#ListPage th { background-color: #003300; color:#ffffff; font-weight:normal; text-align:left; padding:10px; width:33% }
#ListPage table { table-layout:fixed }
#ListPage table th { background-color:#889988; color:#ffffff; text-align:center; padding-top:5px; padding-bottom:5px}
#ListPage table th:first-child { text-align:left; padding-left:5px}
#ListPage table td {border-bottom:1px solid #ccddcc;  white-space:nowrap }
#ListPage table td:first-child {white-space:normal }
#ListPage.archive table td {text-align:center; padding:2px 5px 2px 5px}
#ListPage.archive table td:first-child {text-align:left }
#ListPage.archive table th:first-child {text-align:left }
#ListPage.archive th { width:auto }

#StripedTable { font-size:80%; width:100%; border:1px solid #889988; margin-bottom:10px;  }
#StripedTable th { text-align:left; font-weight:bold; padding:2px 5px 2px 5px; border-bottom:1px solid #ccddcc }
#StripedTable tr:nth-child(odd) { background-color:#ccddcc}
#StripedTable td { text-align:center; white-space:nowrap; border-bottom:1px solid #ccddcc }
#StripedTable td:first-child { text-align:left; padding:2px 2px 2px 5px; white-space:normal  }
#ListPage #StripedTable { border:none; font-size:100% }

/*/ data/index.html defs */

#questionnaire div.indent { margin: 0px 0px 10px 25px; }
#questionnaire div.answer { margin: 0px 0px 5px 0px; padding: 5px; border: 1px solid #ccddcc; font-size: 90%}
#questionnaire p, ol, ul { margin: 0px; padding-bottom: 5px}
#questionnaire div.answer div.img { padding: 5px 5px 10px 5px; text-align: center; font-weight: bold;}
#questionnaire h3, h4 { margin: 0px; }
#questionnaire h3.ltgreenbackground, h3.dkgreenbackground, h4.ltgreenbackground { padding: 2px 5px 2px 5px; }
#questionnaire div.ltgreybackground { font-style:italic; padding: 2px 5px 2px 5px; font-size: 90%}
/*Because IE doesn't want to play nice*/
\html div.#questionnaire ol/* */, ul/* */ { margin-left: 30px; padding-bottom: 5px}

.TOC {
	margin: 0px;
	padding: 0px;
}
.subTOC {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
.purplebold {
	color: #660033;
	font-weight: bold;

}

.rightbox {
	border: 2px solid #889988;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 5px;
	float: right;
	width: 200px;
	text-align: center;
	clear:right
}

.compatiblebox {
	border: 2px solid #889988;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 5px;
	float: right;
}

#FloatRightBox {
	margin-bottom: 10px;
	margin-left: 10px;
	width: 175px;
	float: right;
}

#BlackBoxText {
	clear:both;
	text-align:left;
	border: #000000 3px solid;
	padding:5px;
}

#RedBoxText {
	clear:both;
	text-align:left;
	border: #990000 3px solid;
	padding:5px;
}

#GreyBoxText {
	text-align:left;
	border: #889988 3px solid;
	font-size: 85%;
}
#GreyBoxText td {
	padding: 3px;
}
#GreyBoxText th {
	padding: 3px;
}

a.backtop { font-weight: bold; text-transform:uppercase; font-size: 80%; text-decoration: none; padding: 1px 2px 1px 2px; }
a.backtop:link { background-color: #ffffff; color: #DDDDDD; }
a.backtop:visited { background-color: #ffffff; color: #DDDDDD; }
a.backtop:hover { background-color: #DDDDDD; color: #003300; }

#Graphic {
	background:url('/about/images/sm_consensus.jpg');
	height:233px;
	width:300px;
}

#graphictable { width:330px; }

.BlackBox {
	border: #000000 1px solid;
}

#BlackBox {
	border: #000000 1px solid; padding: 5px;
}


#TableWithRules table {border-collapse: collapse;}
#TableWithRules td { padding: 3px 5px 3px 5px; align:top; font-size:90%; }
#TableWithRules td p { margin-top:0px; margin-bottom:5px }
#TableWithRules tr.header {border:1px solid #BBBBBB; }
#TableWithRules th {vertical-align:top; font-size:100%; color: #ffffff; font-weight: bold; text-align: center; background-color: #003300; }
#TableWithRules th a { color: #ffffff; text-decoration:none}
#TableWithRules th a:hover { text-decoration:underline}

#TableWithRules th.heading {
	background-color:#ffffff;
	border:none; align:top;
	font-size:120%; 
	color: #003300;
	font-weight: bold;
	padding-top:12px; padding-bottom:15px;
	text-align: center;
	margin-bottom: 10px; margin-top: 5px;
	}

#TableWithRules .spacer {border: none; border-top:1px solid #DDDDDD}
#TableWithRules .indent {padding: 0px 3px 0px 12px}
#TableWithRules .head {font-weight:bold}

#TableWithRules.white td {border: 1px solid #ffffff;}
#TableWithRules.white th {border: 1px solid #ffffff;}

#TableWithRules.calendar td { font-size:80%; vertical-align: top; padding: .5em; }
#TableWithRules .calDate { white-space: nowrap; }
#TableWithRules.definitions td { border-top:1px solid #ccddcc }
#TableWithRules.definitions th { border-bottom:1px solid #BBBBBB }
#TableWithRules.striped tr:nth-child(even) td { background-color:#ccddcc }

#TableWithRules.matrix td { border-right:1px solid #889988; border-bottom:1px solid #dddddd }
#TableWithRules.matrix td:first-child { border-left:1px solid #889988 }
#TableWithRules.matrix th { font-size:80%; border-right:1px solid #889988; padding-left:5px; padding-right:5px }
#TableWithRules.matrix th:first-child { border-left:1px solid #889988 }
#TableWithRules.matrix { border-bottom:1px solid #889988 }

#TableWithRules.striped tr td.spacer { border-top:1px solid #999999; padding:0px; margin:0px }

/*Start Individual Definitions*/
#CQEDefinition { font-size:medium;!important}
#CQEDefinition.View { background-color: #dde2d9 }
#CQEDefinition.Category { background-color: #ffffdd; }
#CQEDefinition.Quality_Characteristic { background-color: #ffffdd; }
#CQEDefinition.Practice { background-color: #ddffff; }
#CQEDefinition.Consequence { background-color: #ffddff; }


#CQEDefinition .detail { vertical-align:top; }
#CQEDefinition .tabledetail { padding:0px 0px 10px 0px; vertical-align:top;} /*font-size additionally defined in TableWithRules*/
#CQEDefinition .status { font-size:smaller; color: #003300; padding:2px 5px 2px 5px; vertical-align:top; }
#CQEDefinition .title { color: #ffffff; background-color: #003300; border-bottom:1px solid #BBBBBB; font-weight: bold; padding:3px 5px 3px 5px; margin:0px; vertical-align:top; text-align: center; }
#CQEDefinition .heading { color: #4D5566; background-color: #889988; background:url('/images/heading_bg.gif') repeat-x left top; border-bottom:1px solid #BBBBBB; border-top:1px solid #ccddcc; font-weight:bold; padding:1px 5px 1px 5px; margin:0px; vertical-align:top; }
#CQEDefinition .subheading { color:#003300; font-weight:bold; text-decoration:underline; }
#CQEDefinition .optheading {color:#003300; font-weight:bold; font-size:small}
#CQEDefinition .indent { padding-left:10px;}
#CQEDefinition .heading a:hover { background:url('/images/heading_bg.gif') repeat-x left -1px;}

#CQEDefinition .detail {margin:5px 0px 5px 0px}
#CQEDefinition .detail p { margin:5px 0px 5px 0px; }
#CQEDefinition .detail .box_definition p { margin:0px 0px 0px 0px;}

#CQEDefinition .Detail td p { margin:5px 0px 5px 0px; }
#CQEDefinition .Detail td p:first-child { margin:0px; }
#CQEDefinition #Grouped .Detail td p { margin:5px 0px 5px 0px; }
#CQEDefinition #Grouped .Detail td p:first-child { margin:0px; }

#CQEDefinition .tabledetail p { margin:0px 0px 10px 0px; }
#CQEDefinition .tabledetail table { border-left:1px solid #ccddcc; border-top:1px solid #ccddcc; }
#CQEDefinition .tabledetail table th { white-space:nowrap; }
#CQEDefinition .tabledetail table th.title { color:#ffffff; background-color:#999999; padding-top:0px; padding-bottom:0px}
#CQEDefinition .tabledetail th { color:#003300; background-color:#DDDDDD; border-right:1px solid #ccddcc; border-bottom:1px solid #ccddcc; padding-left:5px; padding-right:5px; text-align:left; }
#CQEDefinition .tabledetail table td { border-right:1px solid #ccddcc; }
#CQEDefinition .tabledetail td {  border-bottom:1px solid #ccddcc; padding-left:5px; padding-right:5px;}
#CQEDefinition .tabledetail td.spacer {  height:20px; border:none; border-top:1px solid #BBBBBB}
#CQEDefinition .tabledetail td.tspacer {  height:20px; border:none;}

#summary.closed { border:1px solid #003300; max-height:200px; overflow:hidden; clear:right; }
.closed .icon { visibility:hidden }
#summary.open { border:1px solid #003300; clear:right}

#summary #CQEDefinition { background-color: #dde2F5; border:1px solid black; padding:5px; border-collapse:collapse}
#summary #CQEDefinition .detail p { margin:3px 0px 3px 0px;}
#summary #CQEDefinition .tabledetail table { border-left:1px solid #BBBBBB; border-top:1px solid #003300 }
#summary #CQEDefinition .tabledetail th.title { background-color:#003300 }
#summary #CQEDefinition .tabledetail th { color:#ffffff; background-color:#999999; border-right:1px solid #003300; border-bottom:1px solid #003300 }
#summary #CQEDefinition .tabledetail td { border-right:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; }

#CQEDefinition #Grouped th { color:#003300; border-bottom:1px dashed #BBBBBB; padding:5px; text-align:left }
#CQEDefinition #Grouped td { border-bottom:1px dashed #BBBBBB; vertical-align:top; padding:5px; text-align:left}
#CQEDefinition #Grouped tr:last-child td { border-bottom:none; }
#CQEDefinition #Grouped tr:last-child th { border-bottom:none; }
#CQEDefinition #Grouped p { margin:0px; padding:0px}

.critical {color:red; font-size:80%; font-weight:bold; font-style:italic }
.noncritical {font-size:80%; font-style:italic }

/*End Individual Definitions*/




#BoardTable th { text-align: left; font-weight:bold; padding: 5px; background-color: #889988; align:top; }
#BoardTable td { padding: 0px 5px 0px 5px; align:top; }
#BoardTable .indent {padding: 0px 3px 0px 12px; font-size: 90%}

#TableWithOutRules th { text-align: left; font-weight:bold; padding: 0px 3px 0px 3px; align:top;}
#TableWithOutRules td { padding: 0px 3px 0px 12px; font-size:90%; align:top;}
#TableWithOutRules a:hover { color: #990000; }




.ListTable td { color: #889988; font-size: 75%; align:top;}
.ListTable th { font-weight: bold; font-size: 90%; text-align: left; background-color: #889988; align:top;}

#StripedTable td {
	font-size: 90%;
	padding: 1px;
	align: top;
}

div#Compatibility {
	border:1px solid #ccddcc;
	margin-top:10px;
}
#Compatibility .lastupdated {
	background-color:#ccddcc;
	padding:2px 5px 2px 5px;
	font-size:70%;
	text-align:right;
}
#Compatibility p {
	margin:0px 5px 0px 5px;
	border:0px;
}

#Compatibility .organization th {
	font-size:110%; 
	color: #003300;
	font-weight: bold;
	padding-top:12px; padding-bottom:15px;
	text-align: left;
	margin-bottom: 10px; margin-top: 5px;
}

#Compatibility .organization td {
	font-size:90%;
	vertical-align:middle;
}
#Compatibility .organization {
	background-color:#ccddcc;
	padding-left:5px;
	padding-right:5px;
}

#Compatibility .product {
	padding-left:20px;
	font-size:90%;
	margin-top:5px;
	border-top:1px solid #ccddcc;
}

div#Compatible { border:1px solid #BBBBBB }
#Compatible table { width:100% }

#Compatible th {
	font-weight: bold;
	padding: 2px 3px 2px 3px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;	
	vertical-align:top;
	color: #003300;
	background-color: #DDDDDD ;
}
#Compatible thead a { color:#003300; text-decoration:none }
#Compatible thead a:hover { color:#990000; text-decoration:none }


#Compatible td {
	padding: 1px 5px 1px 5px;
	font-size: 90%;
	border-bottom:1px solid #ccddcc;
}

#Compatible td.compatible_org {width:20%}
#Compatible td.compatible_product {width:30%}
#Compatible td.compatible_type {width:35%}
#Compatible td.compatible_status {font-size:70%; width:5%}
#Compatible td.compatible_cap {font-size:70%; width:10%;}

div#CompatibleBox.status { color:#222222; padding:5px; border:1px solid #222222; text-align:center; font-size:90%; text-transform:uppercase; font-weight:bold; line-height:80%; background-color:#ccddcc}
div#CompatibleBox.status a { color:#222222; text-decoration:none; }
div#CompatibleBox.status a:hover { color:#660000; text-decoration:none; }
.CompatibleBox img { padding-right:5px }

#ScrollingFrame { max-height: 350px; overflow: auto; }

/* Start - Left Side Menu */
#LeftSideBar { font-size: 80%;}
#LeftSideBar a { 
	color: #003300; 
	text-decoration: none; 
	font-size:90%; 
}
#LeftSideBar th { 
	background-color: #000000; 
	font-weight: bold; 
	padding: 1px 5px 2px 5px; 
	margin: 0px; 
	text-align:left; 
	font-size:95%; 
}
#LeftSideBar td#menuitem { 
	background-color: #ccddcc; 
	border-left: 1px solid #003300; 
	border-right: 1px solid #003300; 
	padding: 3px 5px 0px 5px; 
	font-size:90%;
}
#LeftSideBar td#spacer { 
	background-color: #ccddcc; 
	border-left: 1px solid #003300; 
	border-right: 1px solid #003300; 
	height:3px; 
	width:100%; 
	font-size:1px; 
}
#LeftSideBar td.bottom { 
	background-color: #ccddcc; 
	border-bottom: 1px solid #003300; 
}
#LeftSideBar td a:visited { color: #003300; }
#LeftSideBar td a:link { color: #003300; }
#LeftSideBar td a:hover { text-decoration:underline; color: #003300; }
#LeftSideBar th a:visited { color: #ffffff; }
#LeftSideBar th a:link { color: #ffffff; }
#LeftSideBar th a:hover { text-decoration:underline; color: #ffffff; }
/* End - Left Side Menu */

/*--Callout--*/
.callout { border:1px solid #889988; margin:.5em; font-size:.9em}
.callout.grey { background-color:#eeeeee; }
.callout.grey.left { margin: 0em 1em .5em 0em; float:left }
.callout.grey.right { margin: 0em 0em .5em 1em; float:right }
.callout p {line-height:1.3em}
.callout ul {
list-style: none;
 margin-left: 0;
 padding-left: 1em;
 text-indent: -1em;
}
.callout li { padding-bottom:.75em }
.callout li:before {
    content: "♦"; /* Insert content that looks like bullets */
    padding-right: .5em;
    color: #999999; /* Or a color you prefer */
}


/*--/Callout--*/

/* Start - Example Code */
.cqeid { font-size:small; font-style:italic; }

.Primary { color:#000000 }
.Primary a { color:#000000 }

.Secondary { font-style:italic; color:#000000; font-size:90% }
.Secondary a { font-style:italic; color:#000000; font-size:90% }

#included { visibility:collapse; font-size:0px; }

#ExampleCode .top {
	font-size: 90%;
	background-color: #efefef; 
	border: 1px solid #DDDDDD; 
	padding: 10px; 
	z-index:1;
	position:relative;
	top: -5px;
	left: -5px;
}

#ExampleCode .CodeHead {
	background-color: #ffffff; 
	border: 1px solid #BBBBBB;
	padding: 2px 5px 2px 5px;
	z-index:1;
	position:relative;
	top: -5px;
	left: -5px;
}

.Bad_Code #ExampleCode .top { background-color: #FFCCCC; }
.Good_Code #ExampleCode .top { background-color: #CCCCFF; }
.Mitigation_Code #ExampleCode .top {}
.Attack #ExampleCode .top { color: #aa0000;  }
.Result #ExampleCode .top { background-color: #ffffcc;}
.List p { background-image:url(/images/bullet.gif); background-position:0px 5px; background-repeat:no-repeat; padding-left:1em }

#ExampleCode .shadow {
	margin:10px 20px 5px 15px;
	background-color:#889988;
	z-index:2;
	position:relative;
}
/* End - Example Code */

/* Start - Top 25 formatting */
div#Quote { clear:both; border-top:1px solid #999999; }
#Quote .quote { margin-left:20px; margin-right:20px; }
#Quote .source { margin-left:20px; margin-right:20px; margin-top:0px; font-size:80%; font-weight:bold; position:relative; left:30%; width:65%; text-indent:-18px; font-style:italic; }
#Category { margin-top:20px; margin-bottom:20px; color:#ffffff; font-weight:bold; font-size:110%; text-align:center; width:100%; padding:10px; background-color:#003300; padding-right:0px; margin-right:10px; }
#Category.heading { color:#666666; font-weight:bold; font-size:100%; text-align:left; width:100%; padding:5px; background-color:#ffffff; border-top:3px solid #000000}

/* End - Top 25 formatting */

/* Start - Drop Shadow Text Defs */
.bottomShadow { display:none; }
.bottomShadow2 { display:none; }

/* End - Drop Shadow Text Defs */

#PageContents { color: #DDDDDD; text-align: center; font-size: 85%; background-color:#ffffff; margin-bottom: 10px; margin-top: 10px; padding:2px; border-top:1px solid #ccddcc; border-bottom:1px solid #ccddcc }
#PageContents a { color:#003300; text-decoration: none; font-weight: bold; padding:2px }
#PageContents a:hover { text-decoration: none; color: #003300; background-color: #DDDDDD  }

#RightFrontPage { width:290px; text-align:left; font-size: 80%; white-space:normal} /* was width:250px; */
#RightFrontPage li { padding-top:2px; padding-bottom:2px;}
#RightFrontPage ol { margin-left:30px}

#RightSideBar { width:175px; font-size: 80%; text-align: left}
#RightSideBar p { padding: 0px;}
#RightSideBar td { vertical-align: top; padding: 0px 3px 2px 3px; } 
#RightSideBar th { background-color: #999999; color: #ffffff; font-weight: bold; vertical-align: top;  padding: 0px 3px 2px 3px; border-top:1px solid #003300; border-bottom: 1px solid #003300}
#RightSideBar th a { color: #ffffff; text-decoration:none; }
#RightSideBar th a:hover { color: #003300; text-decoration:none; }
#RightSideBar .head {font-weight: bold;}
#RightSideBar th.head {font-weight: bold; background-color: #666666; color: #ffffff; }
#RightSideBar.archive th.head {background-color: #ccddcc; color: #003300; }
#RightSideBar .indent {padding: 0px 3px 2px 12px}
#RightSideBar td a { text-decoration: none; color: #000000 }
#RightSideBar.archive td a { color: #666666 }
#RightSideBar td a:hover { text-decoration:underline; color:#666666 }

#Dashboard { width:175px; font-size: 70%; text-align: left; border:1px solid #000000; background-color: #DDDDDD; margin-bottom: 15px;}
#Dashboard .head { background-color: #003300; color: #ffffff; font-weight: bold; vertical-align: top; margin:0; padding: 0px 3px 2px 3px; border-bottom: 1px solid #000000}
#Dashboard .item { padding: 0px 3px 2px 12px; } 
#Dashboard .item a { text-decoration: none; color: #000000 }
#Dashboard .item a:hover { text-decoration:underline; color:#666666 }

#summary #TableWithRules { background-color: #DDDDDD; border:1px solid black; padding:5px; border-collapse:collapse}

#RightSideContents { margin-bottom: 15px; border: 1px solid #ccddcc }
#RightSideContents.archive { border: 1px solid #889988 }

#TableWithRulesRight { font-size: 80% }
#TableWithRulesRight table {border-collapse: collapse; border: 1px solid #8A9F8A }
#TableWithRulesRight td {border: 1px solid #8A9F8A; text-align: left}
#TableWithRulesRight th {border: 1px solid #8A9F8A; background-color: #8A9F8A; color: #ffffff; font-size: 120% }
#TableWithRulesRight a:hover {color: #990000}

#DownloadTable table {padding: 2px; font-size: 90%}
#DownloadTable td.ruleabove {border-top-width: 1px;	border-top-style: solid;	border-top-color: #999999;}
#DownloadTable th.ruleabove {border-top-width: 1px;	border-top-style: solid;	border-top-color: #999999;}
#DownloadTable tr.background {background-color: #E6E6E6;}
#DownloadTable td.background {background-color: #E6E6E6;}
#DownloadTable td {padding: 10px 20px 8px 0px; line-height: 111%; font-weight: normal; margin-top: 20px; margin-bottom: 0px; text-align: left}

#line { line-height:0px; width: 100%; margin-top:5px; margin-bottom:5px; border-top: 1px solid #003300; height: 0px; font-size:1px}
.line { border-top: 1px solid #BBBBBB; }

div.button a { width:150px; text-align:center; padding:3px; font-weight:bold }
div.button a:link { background-color:#666666; color:#000000 }
div.button a:visited { background-color:#666666; color:#000000 }
div.button a:hover { background-color:#000000; color:#ffffff }

#noscript { visibility:collapse; visibility:hidden; font-size:0px; height:0px; width:0px  }
.nav #noscript a:hover { 
	background-color: #DDDDDD;
	color:#003300;
}
.nav #noscript a { 
	background-color: none;
}
#script { visibility:visible; }
#script a:hover { 
	background-color: #DDDDDD;
	text-decoration:none;
	color: #003300;
}
#script a { 
	background-color: none;
	text-decoration:none;
}

.footer { font-size: 60%; margin:0px; padding-top:3px; padding-bottom:3px;}
#footbar { font-size: 60%; color: #003300; white-space:nowrap; padding:10px 0px 5px 30px;margin-left:30px}

.footlogo {padding-top:5px; padding-left:25px; padding-right:10px; padding-bottom:5px }

/*--This h3 style is used on News and Events pages only --*/
h3.tablehead { font-size: 1.2em; color: #003300; text-align: center; border-bottom: 3px double #DDDDDD; padding-bottom: .3em; margin: .5em auto; }

.tablehead { font-size:120%; color: #003300; font-weight: bold; padding-top:12px; padding-bottom:15px; text-align: center; margin-bottom: 5px; border-bottom:3px double #DDDDDD; white-space:normal}
.tablehead_blue { font-size:120%; color: #003300; font-weight: bold; padding-top:7px; padding-bottom:10px; text-align: center; margin-bottom: 10px; margin-top: 5px; border-top:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; background-color: #DDDDDD }
.tablehead_red { background-color: #666666;	color: #ffffff;	font-weight: bold; padding-bottom:2px; text-align: center; margin: 0px;}

.tablehead_red a:link { color:#ffffff; text-decoration:none }
.tablehead_red a:visited { color:#ffffff; text-decoration:none }
.tablehead_red a:hover { text-decoration:underline }

.smalltext { font-size: 85%; margin-top: 1; margin-bottom: 5; margin-left: 3px; line-height: 129% }


.allcaps {	text-transform: uppercase;}

	
#Contentpane
	{
	padding: 0px 16px 0px 16px;;
	}

.redtablecell {
	background-color: #660033;
	font-size: 85%;
	font-weight: bold;
	color: #ffffff;
}

.redtablecell a { color: #ffffff; text-decoration:none}
.redtablecell a:hover { color: #ffffff; text-decoration:underline}

.goldtablecell {
	background-color: #ffcc00;
	font-size: 85%;
	font-weight: bold;
}
.columnlist {	line-height: 111%;	padding-left: 8px; padding-bottom: 14px;}

.smallhead {color: #990000;	font-size: medium;	font-weight: bold;	margin-bottom: 0px;	padding-bottom: 0px;}
.bold-nospaceafter {	font-weight: bold;	margin-bottom: 0px;	padding-bottom: 0px;}
.text-nospacebefore {	padding-top: 0px;	margin-top: 0px;}

#SortTable table {border-collapse: collapse; border: 1px solid #666666;}
#SortTable td {border: 1px solid #666666;}
#SortTable th {border: 1px solid #666666; text-transform: uppercase; background-color: #E6E6E6;}
#SortTable tr {font-size: 90%; }
#SortTable a {color: #000000}
#SortTable th.selected {background-color: #555555; color: #ccddcc}

/*--/collapsing tree defs --*/
.collapseblock {display:none}
.expandblock {display:inline}
.group { margin-left:10px; padding-left:10px; border-left:2px solid #000099; padding-bottom:5px;  }
.group:before { content: "\2014"; color:#000099;  }
div.defsummary { margin-left:20px; padding-left:15px; border-left:2px dotted #889988; font-size:75%; color:#003300; font-size:75%;  background-color:#ffffcc; border-bottom:1px dotted #889988; border-right:1px dotted #889988; display:none} 
div.path { margin-left:20px; padding-left:15px; border-left:2px dotted #889988; background-color:#ccddcc; font-size:75%; color:#666666; font-size:75%; border-top:1px dotted #889988; border-right:1px dotted #889988; display:none} 
.thisName { font-size:75%; font-style:italic; font-weight:normal; }
.hideIt .thisName { display:none }
.hideIt:hover .thisName { display:inline }
.hideIt:hover .thisId { font-weight:bold }
.hideIt .thisId { font-weight:normal }
.thisId { font-weight:bold }


.inherited {color:#666699}
.inherited a {color:#666699}
.composite div {border-left:3px double #999999;}
.composite div { border-left:3px double #ccccee;}
.chain div {border-left:3px double #999999;}
.chain div { border-left:3px double #ccccee;}
.graph_title a { text-decoration:none;}
.graph_title a:hover { background-color:#DDDDDD; color:#003300 }

.alt_terms { color:#003300; font-style:italic; }
.alt_terms:before { margin-left:5px; font-weight:bold; content: "Alternate Terms: [" }
.alt_terms span:before { content: " ; " }
.alt_terms span:first-child:before { content: "" }
.alt_terms:after { font-weight:bold; content: "]" }

/*-- collapsing tree defs --*/

div.nav {
	padding-left: 20px;
	font-size:90%;
	color:#000000;
}

.nav div {
	padding-left: 20px;
}

.nav a {
	padding-left: 3px;
	padding-top: 3px;
	text-decoration:none;
}

div .foreign { 	color:#003300; }
div .foreign a { color:#003300; }
div .foreign a:hover  { color: #666666; }





/*Type*/
div#Status { float:right; font-size:80%}
img.icon { padding-left:5px; padding-right:3px }

div.Deprecated { color:#666666 }
div.Deprecated a:link { color:#666666 }
div.Deprecated a:visited { color:#666666 }
div.Deprecated a:hover { color:#666666 }
#TableWithRules div.Deprecated th {color: #69728C; font-weight: bold; text-align: center; background-color: #889988 }

/*--/collapsing tree defs --*/

/* start tooltips */

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 6px;
  width: auto;
  white-space:nowrap;
  line-height: 1.2em;
  padding: 3px;
  border: 1px solid #003300;
  background-color: #ccddcc;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #003300;
  text-align: left;
}

.left span.tool:hover span.tip {
  right: 2.5em;
  white-space:wrap;
  text-align: right;
}

.right span.tool:hover span.tip {
  left: 2.5em;
  text-align: left;
}

.above span.tool:hover span.tip {
  left: -2.5em;
  top: -25px;
  white-space:wrap;
  text-align: left;
}

/* end tooltips */

/* start tabs */

#navPyra {
        margin: 0;
        padding: 0 0 6px 10px;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
        font-size: 75%;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #999999;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
	color: #003300;
	background: url(/images/pyramid.gif) no-repeat bottom center;
	margin-bottom:1px;
}

/* end tabs */

/* more/less */
a#arrow { padding-right:15px; text-decoration: none; font-size: 75%; line-height: 20px; font-weight: bold; }
a#arrow.more { background: url(/images/more.gif) no-repeat center right; }
a#arrow.less { background: url(/images/less.gif) no-repeat center right; }
a#arrow:link, a#arrow:visited { color: #999999; }
a#arrow:hover { color: #003300; }
/* end more/less */

/*--RoundCorners--*/

#Box { margin-bottom:20px }
#Box p {  margin-bottom:0px; }
div#Gradient #Box {	background-color:#708292; background-image: url(/images/layout/gradient.jpg); background-repeat: repeat-x repeat-y; font-size:90%;!important}

#Box #contents { font-size:80% }
#Box #contents li { font-size:100% }

div#IntroText { font-size: 1em;!important; padding:1em; border:1px solid #889988; width:50%; min-width:400px; text-align:left; }
#IntroText p {line-height: 2em; padding: .5em 0em .5em 0em; margin: .5em 0em .5em 0em; }
#IntroText a { color:#706c60 }
#IntroText a:hover { color:#666666; }

#Box td.line div{ padding-left:15px; border-left:2px dotted #91a68d; color:#64746B; font-size:.85em }

/*--/RoundCorners--*/

/*--Glossary Terms
.gterm {border-bottom:1px dashed #BBBBBB; color:#003300; cursor:help;}
.gterm:hover {color:#BBBBBB; }

/Glossary Terms--*/

/* start dataTables */
#dataTables .css_right { float: right; }
#dataTables .clear { clear: both; }
#dataTables .css_left { float: left; }
#dataTables .dataTables_wrapper { 
	position: relative;
	min-height: 302px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

#dataTables .dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

#dataTables .dataTables_length { width: 40%; float: left; color: #70705A; margin-bottom:3px;}
#dataTables .dataTables_filter { width: 50%; float: right; text-align: right; color: #70705A;  margin-bottom:3px;}
#dataTables .dataTables_info { width: 60%; float: left; color: #70705A; font-style:italic; font-size:85%; margin-top:3px;}
#dataTables .dataTables_paginate { width: 44px; * width: 50px; float: right; text-align: right; color: #70705A;  margin-top:3px;}

/* Pagination nested */
#dataTables .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

#dataTables .paginate_disabled_previous { background-image: url('/images/datatables/back_disabled.jpg'); }
#dataTables .paginate_enabled_previous { background-image: url('/images/datatables/back_enabled.jpg'); }
#dataTables .paginate_disabled_next { background-image: url('/images/datatables/forward_disabled.jpg'); }
#dataTables .paginate_enabled_next { background-image: url('/images/datatables/forward_enabled.jpg'); }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
#dataTables table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

#dataTables table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
	border-top: 1px solid #aaaaaa;
}

#dataTables table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
	border-bottom: 1px solid #aaaaaa;
}

#dataTables table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
	font-size: 85%
}

#dataTables table.display td {
	padding: 3px 10px;
}

#dataTables table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

#dataTables .sorting_asc { background: url('/images/datatables/sort_asc.png') no-repeat center right; }
#dataTables .sorting_desc { background: url('/images/datatables/sort_desc.png') no-repeat center right; }
#dataTables .sorting { background: url('/images/datatables/sort_both.png') no-repeat center right; }
#dataTables .sorting_asc_disabled { background: url('/images/datatables/sort_asc_disabled.png') no-repeat center right; }
#dataTables .sorting_desc_disabled { background: url('/images/datatables/sort_desc_disabled.png') no-repeat center right; }
#dataTables .sorting.spacer { background:none; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
#dataTables table.display tr.odd { background-color: #ddffdd; }
#dataTables table.display tr.even { background-color: #eeffee; }
#dataTables tr.odd { background-color: #E2E4FF; }
#dataTables tr.even { background-color: white; }





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
#dataTables .dataTables_scroll {
	clear: both;
}

#dataTables .dataTables_scrollBody {
	*margin-top: -1px;
}

#dataTables .top, #dataTables .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #889988;
}

#dataTables .top .dataTables_info {
	float: none;
}

#dataTables .clear {
	clear: both;
}

#dataTables .dataTables_empty {
	text-align: center;
}

#dataTables tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

#dataTables tfoot input.search_init {
	color: #999;
}

#dataTables td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

#dataTables td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


#dataTables .example_alt_pagination div.dataTables_info {
	width: 40%;
}

#dataTables .paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

#dataTables .paging_full_numbers span.paginate_button,
 	#dataTables .paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

#dataTables .paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

#dataTables .paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

#dataTables .paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

#dataTables table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

#dataTables table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
#dataTables tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

#dataTables tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

#dataTables tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

#dataTables tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

#dataTables tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

#dataTables tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
#dataTables tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

#dataTables tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

#dataTables tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

#dataTables tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

#dataTables tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

#dataTables tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

#dataTables tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

#dataTables tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

#dataTables tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

#dataTables tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

#dataTables tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

#dataTables tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

#dataTables tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

#dataTables tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

#dataTables tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

#dataTables tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

#dataTables tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

#dataTables tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

#dataTables tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

#dataTables tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

#dataTables tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

#dataTables tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

#dataTables tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

#dataTables tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
#dataTables .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

#dataTables .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

#dataTables .ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

#dataTables .ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

#dataTables .ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

#dataTables .ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

#dataTables .ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

#dataTables .ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

#dataTables .ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

#dataTables .ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
#dataTables table.KeyTable td {
	border: 3px solid transparent;
}

#dataTables table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

#dataTables table.display tr.gradeA {
	background-color: #eeffee;
}

#dataTables table.display tr.gradeC {
	background-color: #ddddff;
}

#dataTables table.display tr.gradeX {
	background-color: #ffdddd;
}

#dataTables table.display tr.gradeU {
	background-color: #ddd;
}

#dataTables div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}

/* end dataTables */

/*------------scrolling defs ---------------------*/

div#Scroll {
	clear: both;
	border: 1px solid #000000;
}

div.scrollingPane {
	padding: 5px 10px 0px 5px;
	margin:0px;
	overflow: auto;
	min-width:390px;
	max-height: 350px;
	height: expression(document.getElementById("Scroll").scrollHeight > 350? "350px": "auto" );
	/* if 100%, IE 6.x scrollbar obscures last column.  If 97%, leaves space when no scroll present.*/
	/* conflicts with browserheight script - breaks in I.E.
	width: expression((Math.min(parseInt(document.body.clientWidth)-384, document.body.clientWidth)));  */
}


.finish { background-color: yellow; color: red; font-weight: bold }
.strike { text-decoration:line-through }