/* ! reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, a:hover, a:visited, a:focus, a:active {
	text-decoration: none;
}
/* ! start styling */
html {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#524091', endColorstr='#312267' );
	background: -webkit-gradient( linear, left top, left bottom, from( #524091 ), to( #312267 ) );
	background: -webkit-linear-gradient( top, #524091, #312267 );
	background: -moz-linear-gradient( top,  #524091,  #312267 );
	background: -webkit-linear-gradient( top,  #524091,  #312267 ); /* v. 11+ */
	background-position: fixed;
}

body {
	width: 960px;
	padding: 50px;
	font-family: Verdana, arial, helvetica, san-serif;
	font-size: 12pt;
	text-align: justify;
	line-height: 16pt;
	color: #666;
	margin: 10px auto 30px auto;
	background: #faf9ff;
	border-radius: 20px;
	box-shadow: 2px 2px 4px rgba( 0, 0, 0, .4 );
}
body > h1 {
	font-size: 32pt;
	font-weight: 600;	
	margin: 0 0 30px 0;
	color: #41307b;
	-moz-text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px #fff;
	text-shadow: 0 1px 1px #fff;
}
body > h2,
body > h3,
body > h4 {
	clear: both;
	font-size: 20pt;
	font-weight: 600;
	margin: 40px 0 10px 0;	
	padding: 0 0 5px 0;
	border-bottom: 1px solid #f2f2f2;
}
body > ul {
	width: 90%;
	color: #333;
	margin: 20px auto 40px auto;
	font-size: 10pt;
	line-height: 18pt;
}
a, a:visited {
	color: #f26522;
	text-decoration: none;
	padding: 2px 4px;
	background: transparent;
	line-height: 18pt;
}
a:hover {
	color: #fff;
	background: #f26522;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
pre {
	width: 90%;
	margin: 20px auto;
	padding: 20px;
	background: #fff;
	font-family: monospace;
	font-size: 11pt;
	color: #333;
	line-height: 1.25em;
	border: 1px solid #dcdcdc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
pre > span.comment {
	color: #999999;
}

pre > span.string {
	color: green;
}

pre > span.number {
  color: red;
}

td pre > a, td pre > a:hover, td pre font a, td pre font a:hover {
	color:#999;
	background: inherit;
	/*border: none;
	padding:0px;
	margin:0px;*/
	line-height: 1.25em;
}


td pre > a, td pre > font {
/*	color:#333;*/
	border: none;
	line-height: 1.25em;
}


body > div.note {
	width: 90%;
	margin: 20px auto;
	padding: 20px;
	background: #dbd9e1;
	border: 1px soild #9c99a5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 4px rgba( 0, 0, 0, .4 );
	-webkit-box-shadow: 2px 2px 4px rgba( 0, 0, 0, .4 );
	box-shadow: 2px 2px 4px rgba( 0, 0, 0, .4 );
}

body > div.note > h1,
body > div.note > h2,
body > div.note > h3,
body > div.note > h4,
body > div.note > h5,
body > div.note > h6 {
	color: darkred;
	font-weight: 600;
	margin: 0 0 5px 0;
	-moz-text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px #fff;
	text-shadow: 0 1px 1px #fff;
}
body > div.note > p {
	font-size: 9pt;
	font-style: italic;
	line-height: 8pt;
}

body > div.package {
	width: 25%;
	float: left;
	font-size: 9pt;
	text-align: left;
	border: 1px solid #dcdcdc;
	margin: 15px;
	padding: 15px 20px 20px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 4px rgba( 0, 0, 0, .4 );
	box-shadow: 2px 2px 4px rgba( 0, 0, 0, .4 );
}
body > div.package > h5 {
	text-align: left;
	font-size: 12pt;
	font-weight: 600;	
	margin: 0 0 10px 0;
	color: #666;
	border-bottom: 1px solid #f26522;
	-moz-text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px #fff;
	text-shadow: 0 1px 1px #fff;
}

body > div.package > ul > li > div.comment {
	margin-left:18px;
	font-size:8pt;
}

body > div.package > ul > li > span.deprecated,
body > div.package > ol > li > span.deprecated,
body > div.package > span.deprecated {
	color: darkred;
	font-style: italic;
}
body > div.package > ul > li.deprecated {
	text-decoration: line-through;
}
body > div.package > span.deprecated {
	display: block;
	font-size: .9em;
	text-align: right;
	border-top: 1px solid #dcdcdc;
	margin-top: 10px; 
	padding-top: 2px;
}
body > div.footer {
	font-size: 9pt;
	margin: 30px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #dcdcdc;
	text-align: right;
}

