/* CSS layout */
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000066;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000066;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000066;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000066;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	margin-bottom: 18px;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}

.TableMHStyle {
	border: 1px solid #CCCC99;
	border-collapse: collapse;
	width: 700px
}

.TableMHStyle_850px {
	border: 1px solid #CCCC99;
	border-collapse: collapse;
	width: 850px
}

.TableHeaderTDStyle {
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 3px solid #000066;
	border-collapse: separate;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #CCCC99;
	text-align: center;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
}


.TableHeaderTRStyle {
	border-bottom: 3px solid #000066;
	border-collapse: separate;
}

.TableTDStyle {
	border: 1px solid #CCCC99; 
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-top:3px;
	padding-bottom:3px;
	text-transform: none;
}

.TableMHStyle2 {
	border: 1px solid #CCCC99;
	border-collapse: collapse;
	width: 700px
}

.TableMHStyle2 th{
                border-left: 1px solid #000066;
                border-right: 1px solid #000066;
                border-bottom: 3px solid #000066;
                border-collapse: separate;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 13px;
                font-weight: bold;
                background-color: #CCCC99;
                text-align: center;
                padding-left:3px;
                padding-right:3px;
                border-bottom: 3px solid #000066;
                padding-top:3px;
                padding-bottom:3px;
}



.TableMHStyle2 td{
                border: 1px solid #CCCC99; 
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10pt;
                text-transform: none;
}

.CalloutStyle {
	border: 1px dotted #CCCC99;
	border-collapse: collapse;
}

.footer {
	font-size:x-small;
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	cursor:hand;
}


 
.save{
   behavior:url(#default#savehistory);}
a.dsphead{
   text-decoration:none;}
   
a.dsphead:hover{
   text-decoration:underline;}
a.dsphead span.dspchar{
   font-family:monospace;
   font-weight:normal;}
.dspcont{
   display:none;}
   
a.dotted-border:active
{ 
color: black; 
line-height: 1px; 
padding: 2px; 
display:block;
border:1px solid #000;
}
   
a.dotted-border:visited
{ 
color: black; 
line-height: 1px; 
padding: 2px; 
display:block;
border:1px solid #000;
}
   
a.dotted-border:link
{ 
color: black; 
line-height: 1px; 
padding: 2px; 
display:block;
border:1px solid #000;
}
   
a.dotted-border
{ 
color: black; 
line-height: 1px; 
padding: 2px; 
display:block;
border:1px solid #000;
}
a.dotted-border:hover 
{ 
color: black; 
background: #ffffff; 
}
/* ---- Code ---- */
code { padding: 0; border-radius: 0; background-color: transparent; font-size: inherit; }
pre.code { border: 0px; background: transparent none; font-size: 16px; }

pre { padding: 0; margin-bottom: 10px; border: none; border-radius: 0; background: transparent; color: inherit; font-size: inherit; line-height: inherit; }

	/* Code: Input/Output */
	pre.codeinput { padding: 10px; margin: 0 0 10px; border: 1px solid #d3d3d3; background: #f6f6f6; }
	pre.codeoutput { padding: 10px; margin: 0 0 10px; color: #4c4c4c; }

	div.programlisting { width: 100%;  margin: 0 0 0 0; display: table; }
	div.programlisting div.codeinput { padding: 10px; border: 1px solid #ccc; background: #f6f6f6; display: table-cell; }
	div.programlisting div.codeoutput { padding:0 10px; }
	div.programlisting div.codeinput > pre,
	div.programlisting div.codeoutput > pre { margin-bottom: 0; } 

		/* Input/Output: Force Scrolling on Long Items */
		.code_responsive { width: 95%; margin-bottom: 21px; /*border: 1px solid #ddd;*/ overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
		.code_responsive > div.programlisting { margin-bottom: 0 !important; }	

		div.programlisting { display: block; overflow-x: auto; overflow-y: hidden; }
		div.programlisting div.codeinput,
		div.programlisting div.codeoutput { width: 95%; display: table; overflow: visible;  }
		div.programlisting div.codeinput pre,
		div.programlisting div.codeoutput pre { overflow: visible; word-break: normal; word-wrap: normal; margin: 0 0 0 0;}	

	.programlisting.codeinput { padding: 8px; margin: 0 0 0px 10px; border-color: #ccc; }
	.programlisting.codeoutput { padding: 0 8px; margin: 0 0 0px 10px; }	

	/* Code: Programlisting */
	pre.programlisting { /*padding: 10px; margin-left: 10px; border: 1px solid #ccc; background: #f6f6f6;*/ }
	pre.programlisting { margin-left: 10px; }

	/* Code: Synopsis (Similar <p> style) */
	pre.synopsis { margin-left:32px; }