/* w3c-ac.css

   Copyright (c) 2005 W3C (MIT, ERCIM, Keio), All Rights Reserved.
   W3C liability, trademark, document use and software licensing
   rules apply, see:

   http://www.w3.org/Consortium/Legal/copyright-documents
   http://www.w3.org/Consortium/Legal/copyright-software
*/

/*********** reset ***********/
*{	margin:0;
	padding:0;
	font-size:100%;
	list-style:none;
}

a {text-decoration: none}
a:visited { color: navy }
a:link { color: navy }
a:hover { color: red; text-decoration: underline }
a:active { color: red; text-decoration: underline }
td,th { padding: 0.2em }
blockquote { font-style: italic }
a img { border:0; }
img { background-color: transparent }

body
{
  margin:0;
  padding:0;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #000;
  font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
  line-height:1.3;
  font-weight:700;
}

/**************** layout *****************/
div.toolbar {
  position: fixed; z-index: 200;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.2em;
  text-align: right;
  padding-left: 1em;
  padding-right: 1em; 
  font-size: 50%;
  color: red; background: rgb(240,240,240);
  
  color:#000;
  background:#000;
  display:none;
  visibility:hidden;
}

div.background {
  display: none;
}

div.handout {
  margin-left: 20px;
  margin-right: 20px;
}

/*************** Slide Base Pages ***************/
div.slide {
  z-index: 20;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
/*  background:#fff url(../img/illust.jpg) no-repeat right bottom;*/
}

/* this rule is hidden from IE6 which doesn't support + selector */
div.slide + div[class].slide { page-break-before: always;}
	
	div.slide h1{
		padding:25% 0 0 0;
		height:20%;
		text-align:center;
		font-size:2.8em;
	}
	div.slide h2 {
		clear: both;
		font-size:2.8em;
	}
	
	div.slide a {
		color: #00f;
	}
	div.slide.cover a:hover, div.slide.cover a:active {
		color: #f00;
		text-decoration: underline;
	}
	h3,h4,h5,h6 {
		margin:1em 1em 0 1em;
	}
	p,pre,ul,ol,blockquote {
		margin:1em 1em 0em 2em;
	}
	div.slide p{
		font-size:1.5em;
	}
	
/*************** TOP Slide ***************/
div.cover {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
	div.cover h1 a { text-decoration: none }
	div.cover h1 a:link {color: white}
	div.cover h1 a:visited {color: white}
	div.cover h1 a:active {
	  color: red;
	  text-decoration: underline;
	}
	div.cover h1 a:hover {
	  color: yellow;
	  text-decoration: underline;
	}
	div.cover div.header
	{
	  position: absolute;
	  z-index: 0;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: auto;
	  height: auto;
	  margin: 0;
	  width: 100%;
	  padding: 0.5em 0.5em 1em 0.5em;
	  color: #FFFFFF;
	  border-width: 0;
	  border-style: solid;
	  background-color: #005A9C;
	  border-bottom-width: thick;
	  border-bottom-color: #95ABD0;
	}
	div.cover div.header p
	{
	  clear: both;
	  margin-top: 0.5em;
	  margin-left: 1.5em;
	  margin-bottom: 0;
	}
	div.cover img.cover
	{
	  margin-top: 5em;
	  float: right;
	  width: 60%;
	}



/************ html selecter ************/
ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: disc; }
li { margin-left: 0.5em; margin-top: 0.5em; }

ul {
  margin: 0.5em 1.5em 0.5em 1.5em;
  padding: 0;
}

ol {
  margin: 0.5em 1.5em 0.5em 1.5em;
  list-style:outside;
  list-style-type:decimal;
}

ul li { 
  list-style: none;
  margin: 0.1em 0em 0.6em 0;
  padding: 0 0 0 40px;
  background: transparent url(bullet.png) no-repeat 5px 8px;
  line-height: 140%;
}
ol li { 
  margin: 0.1em 0em 0.6em 1.5em;
  list-style:outside;
  list-style-type:decimal;
}

li li { 
  font-size: 80%; 
/*  font-style: italic;*/
  list-style-type: disc;
  background: transparent;
  padding: 0 0 0 0;
}
li li li { 
  font-size: 80%; 
  font-style: normal;
  list-style-type: circle;
  background: transparent;
  padding: 0 0 0 0;
}
li li li li {
  list-style-type: disc;
  background: transparent;
  padding: 0 0 0 0;
}

dl dt
{
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
}
dl dd
{
  margin-left: 2em;
  margin-bottom: 0.5em;
}

pre {
 color: rgb(0,128,0); font-size: 80%;
 font-weight: bold; line-height: 120%;
 padding-top: 0.2em;
 padding-bottom: 0.2em;
 padding-left: 2em;
 padding-right: 1em;
 border-style: solid;
 border-left-width: 1em;
 border-top-width: thin;
 border-right-width: thin;
 border-bottom-width: thin;
 border-color: #95ABD0;
 color: #00428C;
}

li pre { margin-left: 0; }



/************ common class ************/
.incremental{}
 
.border_box{border:1px solid #000;}
p.subhead { font-weight: bold; margin-top: 2em; }
p.copyright { font-size: smaller }

.hidden { display: none; visible: hidden }
.center { text-align: center }
.footnote { font-size: smaller; margin-left: 2em; }

.navbar a:link {color: white}
.navbar a:visited {color: yellow}
.navbar a:active {color: red}
.navbar a:hover {color: red}

.ta_center{text-align:center}

.smaller { font-size: 80%; }
.f_08 { font-size: 0.8em; }
.f_12 { font-size: 1.2em; }
.f_14 { font-size: 1.4em; }
.f_18 { font-size: 1.8em; }
.f_20 { font-size: 2em; }
.f_30 { font-size: 3em; }
.f_40 { font-size: 4em; }

.c_red { color:red; }
.c_blue { color:blue; }
.c_green { color:green; }
.c_orange { color:orange; }

.f_bold { font-weight:bold;}

.m_t10{ margin-top:1em;}
.m_t15{ margin-top:1.5em;}
.m_t20{ margin-top:2em;}
.m_t25{ margin-top:2.5em;}
.m_t30{ margin-top:3em;}
.m_t35{ margin-top:3.5em;}
.m_t40{ margin-top:4em;}


table.table_slide{
	margin:0 auto;
	width:90%;
	border: 1px solid #CCCCCC;
    border-collapse: separate;
    border-spacing: 1px;
}
table.table_slide th {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #E1E2E6;
}
table.table_slide td {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #fff;
}

table td ul{
	margin:0;
	list-style:inside circle;
}
table td ul li{
	
}

table.table_valine_center{
	width:98%;
	height:98%;
	text-align:center;
}
	table.table_valine_center td {
		vertical-align:middle;
	}



/* workaround IE's failure to support background on li for print media */
@media print {
	ul li { list-style: disc; padding-left: 0; background: none; }
	pre { font-size: 60% }
}


img.withBorder {
  border: 2px solid #c60;
  padding: 4px;
}

#w3c-logo {
     margin: 0;
     margin-top: 0.3em;
     margin-right: 0.75em;
     padding-top: 0;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     height: 2em;
     width: 4.1em;
     float: right;
     z-index: 3;
     background: #90A7D0;
}

#w3c-logo-fallback {
     margin: 0;
     margin-top: -0.5em;
     margin-right: 0.75em;
     padding-top: 0;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     height: 3em;
     width: 4.1em;
     float: right;
     z-index: 3;
     background: #90A7D0;
}



/* for Bert as an ardent user of the old W3C slidemaker tool */
div.comment { display: none; visibility: hidden }


/*
 setting class="outline on ol or ul makes it behave as an
 ouline list where blocklevel content in li elements is
 hidden by default and can be expanded or collapsed with
 mouse click. Set class="expand" on li to override default
*/

ol.outline li:hover { cursor: pointer }
ol.outline li.nofold:hover { cursor: default }

ul.outline li:hover { cursor: pointer }
ul.outline li.nofold:hover { cursor: default }

ol.outline { list-style:decimal; }
ol.outline ol { list-style-type:lower-alpha }

ol.outline li.nofold {
  padding: 0 0 0 20px;
  background: transparent url(nofold-dim.bmp) no-repeat 0px 0.5em;
}
ol.outline li.unfolded {
  padding: 0 0 0 20px;
  background: transparent url(fold-dim.bmp) no-repeat 0px 0.5em;
}
ol.outline li.folded {
  padding: 0 0 0 20px;
  background: transparent url(unfold-dim.bmp) no-repeat 0px 0.5em;
}
ol.outline li.unfolded:hover {
  padding: 0 0 0 20px;
  background: transparent url(fold.bmp) no-repeat 0px 0.5em;
}
ol.outline li.folded:hover {
  padding: 0 0 0 20px;
  background: transparent url(unfold.bmp) no-repeat 0px 0.5em;
}

/* rectangular blue bullet + unfold/nofold/fold widget */

ul.outline li.nofold {
  padding: 0 0 0 52px;
  background: transparent url(bullet-nofold-dim.gif) no-repeat 5px 8px;
}
ul.outline li.unfolded {
  padding: 0 0 0 52px;
  background: transparent url(bullet-fold-dim.gif) no-repeat 5px 8px;
}
ul.outline li.folded {
  padding: 0 0 0 52px;
  background: transparent url(bullet-unfold-dim.gif) no-repeat 5px 8px;
}
ul.outline li.unfolded:hover {
  padding: 0 0 0 52px;
  background: transparent url(bullet-fold.gif) no-repeat 5px 8px;
}
ul.outline li.folded:hover {
  padding: 0 0 0 52px;
  background: transparent url(bullet-unfold.gif) no-repeat 5px 8px;
}