body
{
	font-family:Arial;
	font-size:12px;
	line-height:normal;
	margin:2px;
}

table, th, tr, td
{
	vertical-align:top;
	text-align:left;
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:collapse;
}

div.everything
{
	border:0px solid #336699;
}

img
{
	border:0px;
}

div.left {
  border: 0px solid #666666;
  margin-left:5px;
  width: 240px;
  background:#f4f4f4;
  line-height:normal;
  display:block;
}

.content
{
	border:0px;
 	text-align:left;
	clear:none;
	padding-top:0px;
	margin-left:13px;
	font:12px Arial;
	color:#666;
}

.description
{
	padding-right:6px;
	padding-bottom:12px;
}

div.navigator
{
	border:0px;
	padding:0px;
 	width:220px;
	padding-top:15px;
	padding-left:0px;
	margin-top:7px;
	margin-left:7px;
}

ul.navigator
{
  	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	border:0px solid #666666;
	/*height:162px;*/
	list-style: none;
}

li.navigator
{
	margin:0px;
	border:0px;
	padding:0px;
}

.control
{margin-top:5px;}

a.control, a:hover.control
{
	margin:0px;
	color: #b96;
	font-weight:bold;
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
}

.prev
{float:left; margin-left:30px;}



.next
{float:right; margin-right:35px;}

.notes
{
	margin-left:7px;
	/*font-style:DemoDesc*/
	margin-right:6px;
	font-family:Verdana, sans-serif;
	font-size:9px;
	margin-bottom:6px;
}

ul.notes
{
      list-style-type:none;
	  padding-left:0px;
	  margin-left:2px;
	  list-style-position:inside;

}

li.notes
{
	margin:0px;
	padding:0px;
	margin-left:0px;
	margin-bottom:17px;
	border:0px solid red;
}

div.note
{
	padding:0px;
	margin:0px;
	border:0px solid black;
}
h1.heading
{
	/*font-style: DemoPageTitle*/
	font-family:Times, Garmond;
	font-weight:normal;
	font-size:24px;
	color:#5b473b;
	
}

.caption
{
	/*font-style: DemoText*/
	font-family:Arial, sans-serif;
	text-align:center;
	font-weight:bold;
	font-size:11px;
}

div.header
{
	/*background:#000066;*/
	background:#FFFFFF;
    border-bottom: 1px dotted #ccc;
	margin-bottom:10px;
	height:81px;
	min-width:735px;
 	color:999;
	font-family:Verdana, sans-serif;
	font-weight:bold;
}

span.header
{
	margin:auto;
	height:auto;
	vertical-align:bottom;
	font-size:15px;
}

.footer
{
	font-size:10px;
	margin:10px;
	font-family:Arial;
}

ul.footer
{
	margin:0px;
 	text-align:center;
}

li.footer
{
	display:inline;
}

a.footer
{
	color:#336699;
 	margin:auto;
}
a:visited.footer
{
	color:#660000;
}


hr
{
	margin-left:0px;
	margin-right:0px;
	border: 0;
	height:1px;
	background: #f4f4f4;
}

.close
{
	float:right;
	margin-top:45px;
	border:0px;
	padding-right:5px;
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-size:9pt;
	text-decoration:underline;
	color:white;
	vertical-align:middle;
}

a.close, a:visited.close
{
	font-family:Arial, sans-serif;
	font-size:9pt;
	text-decoration:underline;
	color:white;
}


.link, .hi-link
{
	/*font style:LeftNav*/
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	color:#b96;
}

.link:hover
{
	color:#999;
}


a.link, a.hi-link
{
	text-decoration:none;
	display:block;
	margin:0px;
	height:100%;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
}
a.hi-link{color:#fff;}

.hi-link
{
	/*font-style: LeftNavHigh*/
	background: #b96;
	color:#fff;
}

.A
{
	list-style-image:url("A_BOL.gif");
}

.B
{
	list-style-image:url("B_BOL.gif");
}
.C
{
	list-style-image:url("C_BOL.gif");
}
.D
{
	list-style-image:url("D_BOL.gif");
}
.E
{
	list-style-image:url("E_BOL.gif");
}
.F
{
	list-style-image:url("F_BOL.gif");
}

.DemoTitle
{
	font:bold 12pt Verdana, sans-serif;
	color:#FFF;
}

.LeftNav
{
	font:8pt Arial, sans-serif;
	color:#600;
}

.LeftNavHigh
{
	font:8pt Arial, sans-serif;
	color:#FFF;
}


.DemoLink
{

}

.vertImage 
{
	width: 1px;
	background: url(clear.gif) repeat-y;
	height: 35px;
	position:absolute;
	right:125px;
	top:5px;
	background-color:#929497;
}
.onlineDemoHead
{
	position:absolute;
	right:10px;
	top:45px;
}

.onlineDemoClose
{
	position:absolute;
	right:35px;
	top:18px;
}
.onlineDemoClose a
{
 color:#b96;
 text-decoration:none;
}
.onlineDemoClose a:hover
{
 color:#999;
}