/* general help styles **********************************************/

html {
	background:RGB(134,191,255) url(../img/background.png);
	}

body {
	background:RGB(134,191,255);
	color: black;
	margin:0;
	padding:0;
	}

#top {
	background:RGB(50,102,204);
	height:75px;
	max-width: 100%;
	margin:0 auto;

	}

#content {
	margin:0 auto;
	padding:2%;
	width:96%;

	}

#content, table {
	font-family: "trebuchet ms", arial, verdana, sans-serif;
	max-width: 55em;
	background-color:white;
	}

#content {
	border: solid black;
	border-width: 0 1px 1px 1px;
	}

h1 {
	font-family: "trebuchet ms", arial, verdana, sans-serif;
	letter-spacing: 1px;
	color: RGB(170,28,28);
	font-weight: bold;
	font-size: 2em;
	margin:0;
	}

h2 {
	color: #666666;
	font-weight: bold;
	font-size: 1.5em;
	}

h3 {
	font-size: 1.1em;
	color: #666666;
	margin-bottom: 0.5em;
	font-weight: bold;
	}

h4 {
	font-size: 1em;
	}
	
ol.alfa {
	list-style: lower-alpha;
	margin-top: 0;
	}
	
	
/* styles for links *************************************************/

a:link, .fakelink, a:visited {
	text-decoration: none;
	color: #3366CC;
	}
	
a:hover {
	text-decoration: underline;
	color: #3366CC;
	}
	
/* styles for text types ********************************************/

span.url, span.mailaddress, span.html, span.mime, span.file {
	font-family: "Lucida Console", "Courier New", monospace;
	color: green;
	white-space: nowrap;
	}
	
span.html a {color: green;}
	
kbd {
	white-space: nowrap;
	}
	
table kbd {
	font-size: 90%;
	}
	
.bold {
	font-weight: bold;
	}

.red {
	color: red;
	}
	
.underline {
	text-decoration: underline !important;
	}
	
.nowrap {
	white-space: nowrap;
	}
	
span.note {
	color:#ac1614;
	font-weight: bold;
	}
	
p.copyright {
        clear:right;
	margin-top: 3em;
	padding-top: 1em;
	border-top: 1px solid gray;
	color: gray;
	font-size: 0.75em;
	text-align: center;

	}
	
p.tocnote {
	margin-top: 2em;
	text-align: center;
	}
	
/* styles for tables ************************************************/

table {
	margin-bottom: 1em;
	}
	
td, th {
	text-align: left;
	vertical-align: top;
	}
	
/* nice tables */
table.nice {
	border-collapse: collapse;
	border-style: hidden;
	border-spacing: 0;
	margin-left: 2.5%;
	}
	
table.nice td, table.nice th {
	border: 1px dotted black;
	padding: 0.25em;
	font-size: 0.9em;
	color: black;
	background-color: white;
	}
	
table.nice th {
	white-space: nowrap;
	}
	
/* keyboard tables */
table.keytable {
	width: auto;
	border-collapse: collapse;
	border-style: hidden;
	border-spacing: 0;
	}
	
table.keytable th, table.keytable td {
	border: 1px dotted black;
	padding: 0.25em;
	}
	
table.keytable th {
	font-weight: normal;
	padding-left: 0em;
	}
	
table.keytable td {
	width: 25%;
	white-space: nowrap;
	padding-left: 0.5em;
	}
	
table.keytable h3 {
	margin-bottom: 0;
	margin-top: 0.75em;
	}
	
table.keytable ul, table.keytable li, table.nice ul, ul.lean, ul.lean li {
	list-style: none;
	margin: 1px 0px 1px 0px;
	padding: 0px;
	}
	
ul.lean li + li {
	padding-top: 1em;
	}
	
/* styles for menus *************************************************/

table.mainmenu, table.menu {
	border-spacing: 0;
	empty-cells: show;
	margin-left: 2em;
	}
	
table.menu th, table.menu td, table.mainmenu th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	}
	
table.menu th {
	font: menu;
	color: MenuText;
	background-color: ThreeDFace;
	border-left: 2px outset ThreeDLightShadow;
	border-right: 2px ridge ThreeDDarkShadow;
	padding: 0.15em 1em 0.15em 1em;
	white-space: nowrap;
	}
	
table.menu td {
	color: black;
	background-color: white;
	font-family: "Arial", "Tahoma", sans-serif;
	font-size: 0.8em;
	padding: 0em 0.5em 0em 0.5em;
	vertical-align: middle;
	}
	
table.mainmenu th {
	padding: 4px;
	}
	
.mainmenu {
	font: menu;
	color: MenuText;
	background-color: ThreeDFace;
	padding: 0em 0.5em 0em 0.5em;
	}
	
table.menu th.sub { padding-left: 3em; }
table.menu th.sub2 { padding-left: 4.5em; }

table.menu tr.maketop th {
	border-top: 2px outset ThreeDLightShadow;
	padding: 0;
	line-height: 0;
	}
	
table.menu tr.makebottom th {
	border-bottom: 2px ridge ThreeDDarkShadow;
	padding: 0;
	line-height: 0;
	}
	
table.menu tr.makesep th {
	border-top: 2px groove ThreeDLightShadow;
	padding: 0;
	line-height: 0;
	}
	
table.menu tr.makesep td {
	border-top: 1px dotted black;
	padding: 0;
	line-height: 0;
	}

td.ui, table.nice td.ui {
	background-color: ThreeDFace;
	color: MenuText;
	padding: 0px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font: menu;
	text-align: left;
	white-space: nowrap;
	}
	
td.ui a:link, td.ui a:visited, .mainmenu a:link, .mainmenu a:visited {
	color: MenuText;
	text-decoration: none;
	}
	
td.ui a:hover, .mainmenu a:hover {
	color: HighlightText;
	background-color: ActiveCaption;
	text-decoration: none;
	}
	
/* input styles *****************************************************/
input.button {
	min-width: 75px;
	min-height: 24px;
	}
	
/* style for start page *********************************************/
.startpage h1 {
	text-align:center;
	}

.startpage h2 {
	margin-top: 0.5em;
	margin-bottom: 0em;
	border-bottom: none;
	page-break-before: avoid;
	font-weight: normal;
	}
	
.startpage h3 {
	margin-top: 0.5em;
	margin-bottom: 0em;
	}
	
.startpage p { clear: both; }

div.section {
	float: left;
	padding: 1%;
	max-width:48%;
	font-weight: normal;
	}
	
div.section p, div.section ul { max-width: 25em; }

div.section td {
	padding-right: 2em;
	}
	
.startpage ul {
	list-style: none;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0em;
	}

.startpage li {
	margin: 0;
	padding: 0;
	}
	
.startpage form.search {
	padding-right: 1em;
	float:left;
	}

	
/* styles for toc **********************************************/
	
ol.toc {
	font-family: Arial, sans-serif;
	font-size: 0.9em !important;
	width: 200px;
	/*border: 1px solid pink;*/
	margin: 0 0 0 10px;
	float: right;
	}

ol.toc:before {
	display: block;
	content:"¥Ø¿ý";
	height: 17px;
	padding: 4px 0 0 9px;
	width: 193px;
	background: RGB(100,100,100);
	font-weight: bold;
	color: black;
	}
	
ol.toc:after {
	display: block;
	height: 19px;
	padding: 2px 0 0 4px;
	background: #fff url(../img/footerbg.png) top left repeat-x;
	font-weight: bold;
	content: "";
	}

.toc a:link, .toc a:visited, ul.prefslist li a:link, ul.prefslist li a:visited {
	text-decoration: none;
	color: black;
	}

.toc a:hover, ul.prefslist li a:hover {
	text-decoration: none;
	color: RGB(32,159,0);
	}
		
ol.toc li {
	background: url(../img/menubg.png);
	color: #4b657f;
	padding-left: 4px;
	}
	
ol.toc ul {
	background: url(../img/menubg.png);
	color: #4b657f;
	/*border-left: 1px solid #dde7ee;
	border-right: 1px solid #dde7ee;*/
	margin:0;
	padding:0;
	}
	
ol.toc ul li {
	padding-left: 14px;
	width: 180px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bec9d1;
	background: #eef2f6;
	}
	
ol.toc li a {
	display: block;
	height: 14px;
	padding: 4px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bec9d1;
	}

ol.toc ul li a {
	display: block;
	height: 14px;
	border: none;
	margin-left:-6px;
	}
	
ol.toc ul li a:hover {
	background: white;
	}
	
ol.toc li.sectionheader {
	background: url(../img/menubg.png);
	padding: 3px 0 0 4px;
	font-size: 14px;
	color: #4b657f;
	}
	
ol.toc li.sectionheader:hover {
	background: #dae4eb;
	font-weight: bold;
	color: #4b657f;
	}
	
ol.toc li:hover {
	background: white;
	font-weight: bold;
	}

ol.toc ul, ol.toc {
	list-style: none;
	}

ol.toc ul {
	font-size: 0.5em;
	margin: 0;
	border-top: none;
	font-weight: normal;
	}

/* styles for prefslist *********************************************/

ul.prefslist {
	list-style: none;
	display: table;
	}
	
.prefslist li {
	margin: 0;
	}
	
.prefsdiv {
	border-top: dotted 1px black;
	padding: 0;
	line-height: 0;
	}
	
/* styles for treeview **********************************************/

table.tree { border-spacing: 0; }

table.tree th, table.tree td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	}
	
table.tree th {
	font: menu;
	color: MenuText;
	padding: 0.15em;
	padding-left: 1em;
	padding-right: 1em;
	white-space: nowrap;
	}

table.tree td {
	font-family: "Arial", "Tahoma", sans-serif;
	font-size: 11px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	vertical-align: middle;
	}

table.tree th.tsub { padding-left: 3em; }

table.tree th.tsub2 { padding-left: 4.5em; }

tr.parent td, tr.parent th { font-weight: bold; }

/* styles for media **********************************************/

@media screen, projection, tv {
	#wrap, table {
		max-width: 55em;
		}
		
	body {
		margin-left: auto;
		margin-right: auto;
		}
		
	kbd {
		background:#eee;
		padding:0 2px;
		}
	
	.path-menu {
		background:#eee;
		padding:0 2px;
		}
	
	a[target="_blank"]:after {
		content: " \bb\bb";
		color: green;
		}

	p.projection-note { display: none; }
}

@media screen, tv {
	body { font-size: 0.9em; }
}

@media projection {
	html, body {
		background:#fff;
		}
	
	body { font-size: 1.2em; }
		
	#top {
		display: none;
		}
		
	h1 {
		text-align: center;
		font-size: 3em;
		}
	
	#content {
		border: none;
		}
	
	h2 {
		margin-top: 0em;
		padding: 1em 0.5em 0.5em 0.5em;
		background-color: #355382;
		color: white;
		border: none;
		page-break-before: always;
		}
		
	p.projection-note {
		display: block;
		position: absolute;
		text-align: right;
		right: 1em;
		left: 1em;
		bottom: 1em;
		}
		
	.nobreak { page-break-before: avoid; }
	
	p.copyright { display: none; }
}

@media print {
	body, table {
		font-size: 11pt;
	}
	
	* {
		color: black !important;
	}
	
	kbd:before {
		content: "[";
	}
		
	kbd:after {
		content: "]";
	}
	#top {
		display: none;
	}
}

.nice div {
	width: -o-skin; height: -o-skin;
	display: inline-block;
	}
	
/* end of styles ****************************************************/