/* $Id: pescaffold.css,v 1.1 2006/12/13 00:44:32 rekimoto Exp $ */

body, p, ul, ol, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   12px;
  line-height: 16px;
}

h4 {
  font-size:   14px;
  line-height: 16px;
}

h1 { font-weight:bold; font-size:26px;line-height:28px;}

.green {
  color: #0e0;
}

.date { font-size: 10px; color: #7DB104; font-weight:bold;}

.rank {
  font-size: 30px; color:#F88;
}

/* ul.list span {border:1px solid red;} */
ul.list h4 {margin:0;}

ul.list li {list-style-type:disc; margin:0 0 5pt 0; clear:both}
ul.list li.private {list-style-type:circle;}
ul.list li.group {list-style-type:square;}

a.group {background:#CFECEC; font-style:italic;}

a:link { text-decoration: none; color: #00f;}
a:visited { text-decoration: none; color: #639; }
a:hover { text-decoration: underline; background-color:#DDF; }
a:active { text-decoration: underline; }


#head-l { color: #7DB104; font-size:18px; font-weight:bold; float:left;}
#head-r { float: right; text-align:right; }

#head-l a:link { text-decoration: none;color: #7DB104;  }
#head-l a:visited { text-decoration: none; color: #7DB104; }
#head-l a:hover { text-decoration: none; background-color:#DDF; }
#head-l a:active { text-decoration: none; }


div#head-r a {padding:0; margin:0; text-align:center;}


/* div#head-r a:hover {background:#DDF;} */

/* pulldonw menu */

div.pdmenu { padding:0px; position:absolute; right:0px; top:0px; border-bottom:1px solid #7DB104; z-index:2;}

.pdmenu ul {margin:0; padding: 0 0 0 0;	list-style-type: none;}
.pdmenu li  {
	margin: 0 0 0 0;
	padding: 0;
	text-align:center;
	color:black;
	text-decoration:none;
	background-color:white;
	float:left;
}
.pdmenu li.on,li.off {	padding: 3px;  z-index:3; }
.pdmenu a {
	text-decoration: none;
	display: block;
	color:black;
	background-color:white;
}
.pdmenu a:hover {text-decoration: none; color: #000; background-color: #CCC;}
.pdmenu li ol {
	visibility: visible;
        list-style-type: none;	
	text-align:left;
	position:absolute;
	z-index:2;
	width:90px;
	padding: 0;
	margin: 0 0 0 0;
        background:white;
	border:1px solid #CCC;
}
.pdmenu li.off ol {display:none;}
.pdmenu li.on ol {display: block;}
.pdmenu li li { border: none; width:90px; text-align:left;}
.pdmenu li li a { padding: 1px 2px 1px 10px; }


div.pdmenu2 { padding:0px; position:absolute; right:0px; top:24px;}

.pdmenu2 ul {margin:0; padding: 0 0 0 0;	list-style-type: none;}
.pdmenu2 li  {
	margin: 0 0 0 0;
	padding: 0;
	text-align:center;
	color:black;
	text-decoration:none;
	background-color:white;
	float:left;
}
.pdmenu2 li.on,li.off {	padding: 3px;}
.pdmenu2 a {
	text-decoration: none;
	display: block;
	color:black;
	background-color:white;
}
.pdmenu2 a:hover {text-decoration: none; color: #000; background-color: #CCC;}
.pdmenu2 li ol {
	visibility: visible;
        list-style-type: none;	
	text-align:left;
	position:absolute;
	z-index:2;
	width:90px;
	padding: 0;
	margin: 0 0 0 0;
        background:white;
	border:1px solid #CCC;
}
.pdmenu2 li.off ol {display:none;}
.pdmenu2 li.on ol {display: block;}
.pdmenu2 li li { border: none; width:90px; text-align:left;}
.pdmenu2 li li a { padding: 1px 2px 1px 10px; }


.support { clear: both; }


.tagcom { padding:0 0 0 10px; color:#7DB104;}


#taglist { float:right; position:absolute; right:0; top:28px;
  visibility:hidden; width:440px; padding:5px;
		z-index:1;
  background-color:#ffe;
 border:1px solid #DDD;
}

#search { float:right; position:absolute; right:20px; top:25px;
  visibility:hidden; width:230px; padding:10px;
		z-index:1;
 border:1px solid #ccc; background:white;
}

div#viewmenu { float:right; position:absolute; right:270px;
  visibility:hidden; padding:5px; width:70px;
  background-color:#eff;
}
div#newmenu { float:right; position:absolute; right:220px;
  visibility:hidden; padding:5px; width:80px;
  background-color:#eff;
}

a img { border:none; }

/* list */
div#reltag { display:none; background:#EEE; padding:0.5px 0 0.5px 5px;margin:10px 5ex 0 0px;}
span#tagfilter { color:#33F; font-weight:bold; font-size:14pt; }

.bookmark li {margin:-0.5ex 0 1.5ex 0;}
.bookmark ul {padding:0 0 0 3ex;}

a.tgon {border-bottom:2px solid #7DB104;}
a.tgoff {background-color:white;}

div#map { width:320px;height:240px;}

span#mapcaption { display:none; }

div#mapguide {padding:0px; width:430px; height:350px; }

div#mkreq { padding:3px; width:380px;background-color:#Fec;}

div#mimg { width:300px; }

.imgank { border:none;}
ul.list .imgank { border:none; float:left; margin:0px 5px 0px 0;}


.loguser {
  text-align: right;
  margin-top:0;
  font-size: 10px;
  color: #7DB104;
  font-weight:bold;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}



a.atag { color:#800; font-weight:bold;}
span.atag { color:#804; font-weight:bold;}
span.comm { color:#444; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #0c0;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/** login **/
span.log { color:#7DB104; }
.prompt label { font-weight:bold; color:#602020;}

/** show **/

div#comment { padding:10px; width:440px;
              border:1px solid #F90; background:#FFFBFB;}
.show b {font-weight:bold; color:#602020;}
div.show {width:460px; border:1px solid #F90;}

td.showleft {width:480px;}
td.showright {width:350px;}

.showright h2 {font-size:100%; border-bottom: 1px solid #AAA;}
.showleft h2 {font-size:100%; z-index:0; border-bottom: 1px solid #AAA; margin-right:30px;}
.showtable h2 {clear:both;}

ul.tags li {margin:1ex 0 0.5ex -3ex; width:300px;}

/** blog **/

div.blog { margin:5ex 5ex 0 5ex; border-bottom: 1px solid #AAA;}
div.blogdate { margin:0 5ex 0 5ex; text-align:right; }

/** bookmark **/
div.cpright { font-size:80%; color:#888; text-align:right;}

/** map **/
div#tellmode { width:440px; background:#EEE; margin:0 0 0 0; padding:1ex; border:1px solid #BBB; }

/** regi **/
div#regbody {margin:5pt 5pt 10pt 5pt; padding:2pt 5pt 5pt 5pt; font-size:120%;}
div#regabout {margin:20pt 5pt 5pt 0pt; padding:5pt 5pt 5pt 5pt; font-size:90%;background-color: #f7f7f7;}
input#regans {background:#EEE; font-size:150%;}
#regabout b {color:#3b7646;}