@import url(/jive/css/common.css);
a {
  font-weight:bold;
  text-decoration:none;
  border-bottom:1px dashed #000;
  color:#00e;
}
a:active {
  color:yellow;
}
a:hover {
  border-bottom:1px solid #000;
}
a:visited {
  color:purple;
}
a.getFirefox:hover {
  background-color:#fff !important;
}
.red {
  color:#c00;
  font-weight:bold;
}
.roy {
  color:#f00;;
  font-weight:bold;
  background-color:#ffffd7;
}
h1, h2, h3, .sample, dt, dd {
  text-align:left;
}
h1 {
  font:bold 20px georgia, verdana;
  color:#036;
  margin-top:5px;
  padding-bottom:5px;
  border-bottom:1px solid #036;
}
h2 {
  font:bold 16px verdana;
  color:#036;
  padding-left:10px;
  border-left:solid 8px #036;
}
hr {
  background-color:#036;
} 
dt {
  font-weight:bold;
  color:#036;
}
dd {
  margin-bottom:10px;
  line-height:150%;
}
p, li {
  font:12px/150% verdana, arial;
  text-align:justify;
}
div.syntax {
  padding:10px;
  font:13px/160% verdana, arial, "courier new", arial;
  color:#800040;
  text-align:left;
  border:1px solid #fac110;
  background-color:#ffffc6;    
}
pre.sample {
  padding:10px;
  font:12px/160% "courier new", courier, proportional;
  color:#800040;
  overflow:auto;
  border:1px solid #ccc;
  background-color:#eee;
  /*white-space:pre;*/      
}
span.variable {
  color:#369;
  font-weight:bold;
}
span.field {
  padding:2px;
  background-color:#c6d9ec;
  border:1px solid #69c;
}
span.file {
  font:12px "courier new", courier, proportional;
}
body {
  margin:0;
  padding:0;
  background-color:#69c;
  text-align:center;
}
#header, #menu, #main, #footer {
  width:770px;
  margin:0 auto;
  border-right:2px solid #000;  
}
#header {
  background-color:#69c;
  height:125px;      
  margin-top:10px;
  border-right:none;
}
#logo {
  height:90px;
  margin-bottom:10px;
  background-image:url(/pjjtextbase/app/img/top.jpg);
}
#v12 {
  position:absolute;
  top:10px;
  left:480px;
}
#navigation {
  height:24px;
  margin:12px 0 0;
}
#main {
  background-color:#fff;
  padding:10px 0;
}
#content {
  margin:0;
  margin-left:140px;
  padding:0 10px;
  background-color:#fff;
  min-height:490px;
  border-left:1px solid #ddd;
}
#bookmarks {
  padding:2px;
  border:1px solid #ffcb19;
  background-color:#fea;
}
#bookmarks img {
  margin-right:8px;
}
#footer {
  clear:both;
  height:40px;
  background-color:#ffcb19;
  margin-bottom:10px;
  border-bottom:1px solid #333;
}
#footer p {
  font:11px/150% verdana;
  margin:0;
  padding:10px;  
}
#footer a {
  font:11px verdana;
}
#w3c {
  width:185px;
  float:right;
  margin-top:12px;
}  
/* top navigation */
#navigation ul {
  white-space:nowrap;
  list-style-type:none;
}
#navigation li {
  display:inline;
}
#navigation a {
  padding:6px 15px;
  text-decoration:none !important;
  -moz-border-radius:7px 7px 0 0;
}
#navigation a.current {
  background-color:#fff !important;
  color:#000 !important;
  border-bottom:none;
  padding-bottom:8px;    
}
#navigation a:link, #navigation a:visited {
  background-color:#036;
  color:#fff;  
}
#navigation a:hover {
  color:#000;
  background-color:#ffcb19;
}
/* side navigation */
#sidenav {
  width:130px;
  float:left;
}
#sidenav ul {
  list-style-type:none;
  padding-left:10px;  
}
#sidenav a {
  display:block;
  border-bottom:none;
  padding:5px;
}
#sidenav a:hover {
  display:block;
  border-bottom:none;
  padding:5px;
  background-color:#c6d9ec;  
}
#sidenav li.current {
  color:#fff;
  background-color:#69c;
  font-weight:bold;
  padding:5px;
}
/* --- */
div.box {
  padding:10px;
  background-color:#fea;
  border:1px solid #fd0;
}
div.box p {
  margin:0;
  line-height:200%;
}
div.info {
  background-color:#c6d9ec;
  border:1px solid #69c;
}
a.next {
  padding:5px;
  border:none;
}
/* templates in tutorial */
.template {
  padding:10px;
  border:1px solid #69c;
  background-color:#c6d9ec;
}
.template div {
  text-align:left;
}
.series {
  font:11px verdana;
  background-color:#ffffc6;
  padding:3px;
  border-bottom:1px solid #ffcb19;
  margin-bottom:10px;
}
.title {
  font:bold 18px georgia;
  color:#036;
}
.altTitle {
  font:13px georgia;
  color:#036;
  margin-top:2px;
}
.year {
  margin-top:10px;
}
.title, .altTitle, .year {
  margin-left:50px;
}
img.point {
  vertical-align:text-bottom;
}
.funcNavigation {
  width:100%;
  padding:5px 0;
  color:#fff;
  background-color:#69c;
  border:1px solid #036;
  font-weight:bold;
}
.funcNavigation select {
  width:160px;
}
ul.history li.new {
  color:#008000;
}
ul.history li.corrected {
  color:#f00;
}