/*
 * red:           #a01010  
 * gray:          #606060
 * yellow:        #ffb515
 * darker yellow: #eaa000
 */
body {
  position: relative; 
  margin:20px auto;
  width:550px;
  color:#606060;
  background:#444;
  font-family:helvetica,arial;
  font-size:13px;
}

hr.summary {
  border:0px; height:1px;
  margin:1px 0px 15px 0px;
  background:#707070; color:#707070;
}

p { margin: 10px 0px; } /* General spacing */
div[id=blog-content] div[class=cat] p { margin: 10px 0px; } /* For blog entries */
div[class=cat] p { margin: 2px 0px; } /* For summary page */
p.center { margin: 0px 0px 6px 0px; text-align:center; }

#EnableJavascript {
  text-align:center;
  font-weight: bold;
  font-size:14px;
  color:#a01010;
}

#EnableJava {
  text-align:center;
  font-weight: bold;
  font-size:107%;
  color:#a01010;
  margin-top:20px;
}

#frame { 
  background:#fff; 
  padding: 3px 3px 3px 3px; 
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px 12px 12px 12px;
}

.hdr { font-size:16px; padding: 0px 2px;}

#bar {
  position:relative;
  background:#e0e0e0;
  color:#fff;
  padding:2px 2px;
  font-size:11px;
  border-top: 1px solid #ffb515;
  border-bottom: 1px solid #ffb515;
}

#bar-right {
  position:absolute; top:0px; right:0px;
  float:right; text-align:right;
  padding:0px 2px; font-size:11px;
}

#langpicker { 
  position:absolute; top:18px; right:0px;
  float:right; text-align:left;
  padding:2px 2px;
  font-size:11px;
  background:#0a0545;
  color:#fff;
  display:none;
  border-radius:6px; -moz-border-radius:6px;-webkit-border-radius:6px;
}

#langpicker ul {
  list-style: none;
  text-indent: 0px;
  margin: 1px 10px;
  padding: 1px 1px;
}

#langpicker li a { 
  color:#fff;
  text-decoration:none;
}

#langpicker li a:hover { 
  color:#ffb515;
  text-decoration:none;
}

#content { background:#fff; padding:20px 0px 0px 0px; }
#content-main { background:#fff; padding:20px 20px 5px 20px; overflow:auto; }
#content-centered {
  background:#fff;
  padding:20px 2px 5px 2px;
  text-align:center;
}

#content-form {  
  color:#000;
  padding:5px 50px 5px 50px;
  text-align:left;
}

/*.formsep { margin: 13px 140px; border-bottom: 1px solid #ffb515; }*/
.formsep { margin: 13px 140px; }
.formfont { font-size: 13px; width:100%; }


/* The following are for layouting the front page graphic (the "process") */
#proc { 
  position:relative; 
  margin: 0px 0px 6px 0px; 
  text-align:center; 
  color:#000;
  font-size:12px;
  text-align:left;
}
#proc1-title {
  position:absolute; 
  top:17px; left:38px;
  width:108px;
  font-weight:bold;
}
#proc1 {
  position:absolute; 
  top:49px; left:8px;
  width:138px;
  height:65px;
  overflow:hidden;
}
#proc2-title {
  position:absolute; 
  top:23px; left:212px;
  width:108px;
  font-weight:bold;
}
#proc2 {
  position:absolute; 
  top:52px; left:182px;
  width:138px;
  height:60px;
  overflow:hidden;
}
#proc3-title {
  position:absolute; 
  top:17px; left:386px;
  width:108px;
  font-weight:bold;
}
#proc3 {
  position:absolute; 
  top:52px; left:356px;
  width:138px;
  height:60px;
  overflow:hidden;
}

#footer {
  background:#e0e0e0; color:#fff;
  padding: 2px 5px; font-size:11px;
  margin-bottom: 1px;
  position:relative;
  border-top: 1px solid #ffb515;

  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;

  -webkit-border-bottom-left-radius: 12px;
  -webkit-border-bottom-right-radius: 12px;

  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
#footer-right {
  position:absolute; top:0px; right:0px;
  float:right; text-align:right;
  padding:2px 5px; font-size:11px;
}

.blog-date {
  font-size:11px; font-weight:lighter; color:#eaa000;
  margin:0;
  padding:0;
}

.blog-title {
  font-size:14px; font-weight:bold; color:#a01010;
  margin:0;
}

.blog-posted {
  font-size:11px; font-weight:lighter;;
  margin: 5px 0px 0px 0px;
  padding:0;
}

.blog-posted-sep { font-size:11px; font-weight:lighter; color:#ffb515; }

#blog-meta { font-size:11px; }


/* See here for three-column layout:
 * http://www.alistapart.com/articles/holygrail/
 */

#blog-3c-meta {
  padding-left: 150px;   /* LC width */
  padding-right: 150px;  /* RC width */
  font-size:11px; 
}

#blog-3c-meta .column { 
  position: relative;
  float: left;
}

#blog-3c-center { 
  width:100%;
}

#blog-3c-left {
  width: 150px;          /* LC width */
  right: 150px;          /* LC width */
  margin-left: -100%;
  float: left;
}

#blog-3c-right {
  width: 150px;          /* RC width */
  margin-right: -150px;  /* RC width */
  float: right;
}

/*** IE6 Fix ***/
* html #blog-3c-left { 
  left: 150px;           /* RC width */
}

.blog-sidetitle { font-weight:bold; }
.blog-side { margin-bottom: 10px; }

.blog-tbl { text-align: left; border-spacing: 0px;}
.blog-tblt { border-bottom: 1px solid #606060; }

.blog-tbl0 { vertical-align: top;}
.blog-tbl1 { background-color: #f0f0f0; vertical-align: top;}

.blog-tdsp { padding-top:8px; padding-bottom:4px; }

a { color:#606060; text-decoration:underline; }
a.red { color:#a01010; text-decoration:underline; }
a.plain { text-decoration:none; }
a.boxlink { color:#a01010; font-weight:bold; text-decoration:none; }
a.footer-it { color:#606060; text-decoration:none; }
a.exp { color:#0a0545 !important; text-decoration:none; font-size:16px; }
.exp-off { color:#ddd !important; text-decoration:none; font-size:16px; }
a.exp-right { color:#606060 !important; text-decoration:none; font-size:16px;
  position:absolute; top:0px; right:0px;
  float:right; text-align:right;
  padding-right: 2px;
}
a.exp-right-cat { color:#0a0545 !important; text-decoration:none; font-size:18px;
  position:absolute; top:0px; right:0px;
  float:right; text-align:right;
  padding-right: 4px;
}

/* "View results" link styling */
a.results { color:#a01010; font-weight:bold; text-decoration:none; font-size:20px; }

ul.policy {
  list-style: disc outside;
  text-indent: 0px;
  margin: 5px 5px 10px 0px;
  padding-left: 17px;
}

ul.faq {
  list-style: none;
  text-indent: -1.45em; 
  margin: 5px 5px 10px 0px;
  padding-left: 20px;
  }
li.qu:before { content:"Q: "; font-weight:bold; color:#a01010; }
li.qu { font-weight:bold; }
li.an:before { content:"A: "; font-weight:bold; color:#0a0545; }
li.papers { margin-top: 8px; margin-bottom: 8px;  }

#box { margin: 0px auto; text-align:center; }
#submitbox { padding-top:10px; text-align:center; } }
#submitwarningbox { text-align:center; }
#box-inner { padding:2px; }
.linkbox { font-size: 14px; margin: 15px auto; text-align:center; }

.tbl { font-size: 10px; text-align: left; }
.tblt { border-bottom: 1px solid #606060; }
.stbl0 { background-color: #e0fada; vertical-align: top;}
.stbl1 { background-color: #f0fff0; vertical-align: top;}
.wtbl0 { background-color: #fff6d6; vertical-align: top;}
.wtbl1 { background-color: #fffaf0; vertical-align: top;}
.etbl0 { background-color: #fae4e0; vertical-align: top;}
.etbl1 { background-color: #fff0f0; vertical-align: top;}

.txt-icsi { font-size:22px; font-weight:lighter; }
.txt-isp { color:#0a0545; font-size:30px; font-weight:lighter; }
.txt-beta { color:#a01010; font-size:14px; font-weight:lighter; }
.txt-title { color:#0a0545; font-size:20px; font-weight:bold; margin-bottom: 5px; }
.txt-summary { color:#0a0545; font-size:16px; font-weight:bold; }
.txt-slash { color:#0a0545; font-size:14px; font-weight:bold; }
.txt-section { margin-bottom: 6px; color:#0a0545; font-size:15px; font-weight:bold; }
.txt-bold { font-weight:bold; }
.txt-italic { font-style:italic; }
.txt-help { font-size:14px; font-weight:normal; color:#606060; }
.txt-small { font-size:10px; font-weight:lighter; color:#606060; }
.txt-high{ font-size:10px; vertical-align:super; }
.txt-dark { color:#606060; }
.txt-current { color:#a01010; }
.txt-done { color:#a0a0a0; }
.txt-todo { color:#606060; }
.txt-res-hdr { font-weight:normal; margin: 10px 0px 6px 0px; }
.txt-updated { text-align:center; font-size:24px; font-weight:lighter; margin-bottom: 15px; }
.txt-clickme { text-align:center; font-size:18px; font-weight: bold; color:#a01010; }
.txt-right { position:absolute; top:0px; right:0px;
  float:right; text-align:right;
  padding-right: 5px; }

#updated {
  position: absolute;
  background-image: url(updated.png);
  left:8px;
  top:-18px;
  width:72px;
  height:43px;
  z-index:10;
}

.cat {
  position: relative; 
  margin:4px 0px 18px 0px;
  padding:3px 3px;
  border:1px solid #f0f0f0;
  background:#fafafa;
  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}

.cat-exp { 
  margin:0px 0px 1px 0px;
  padding:0px 2px 0px 4px;
  background:#eaeaea;
  width: 518px;
}

.t-exp { 
  margin: 0px 0px 6px 0px;
  padding: 0px 0px 0px 0px;
}

.t-content-exp { 
  border-left: 4px solid #f0f0f0; 
}

.t-short { 
  margin: 0px 0px 0px 0px;
}

.not-ex { 
  margin:1px 0px;
  padding:2px 10px 2px 8px;
  border-left: 4px solid #808080; 
  background:#f0f0f0;
  width: 510px;
}

.prohib { 
  margin:1px 0px;
  padding:2px 10px 2px 8px;
  border-left: 4px solid #808080;
  background:#f0f0f0;
  width: 510px;
}

.error { 
  margin:1px 0px;
  padding:2px 10px 2px 8px;
  border-left: 4px solid #e04040;
  background:#fff0f0;
  width: 510px;
}

.success { 
  margin:1px 0px;
  padding:2px 10px 2px 8px;
  border-left: 4px solid #90e070;
  background:#f0fff0;
  width: 510px;
}

.warning { 
  margin:1px 0px;
  padding:2px 10px 2px 8px;
  border-left: 4px solid #ffb515;
  background:#fffaf0;
  width: 510px;
}

.sum {  
  position:relative; 
  margin:1px 0px;
  padding:0px 2px 0px 0px;
  background:#f0f0f0;
  width: 534px;
  height: 20px;
  overflow: hidden;
  vertical-align: middle;
}
       
.sum0 {  
  position:relative; 
  margin:1px 0px;
  padding:0px 2px 0px 0px;
  background:#f0f0f0;
  width: 534px;
  height: 20px;
  overflow: hidden;
  vertical-align: middle;
}
       
.sum1 {  
  position:relative; 
  margin:1px 0px;
  padding:0px 2px 0px 0px;
  background:#f0fff0;
  width: 534px;
  height: 20px;
  overflow: hidden;
  vertical-align: middle;
}
       
.sum2 {  
  position:relative; 
  margin:1px 0px;
  padding:0px 2px 0px 0px;
  background:#fffaf0;
  width: 534px;
  height: 20px;
  overflow: hidden;
  vertical-align: middle;
}
       
.sum3 {  
  position:relative; 
  margin:1px 0px;
  padding:0px 2px 0px 0px;
  background:#fff0f0;
  width: 534px;
  height: 20px;
  overflow: hidden;
  vertical-align: middle;
}
       
.sum-colors { display:inline; float:left; height:100%; }
.sum-col-0 {  border-left:8px solid #808080; width: 8px; }
.sum-col-1 {  border-left:8px solid #90e070; width: 8px; }
.sum-col-2 {  border-left:8px solid #ffb515; width: 8px; }
.sum-col-3 {  border-left:8px solid #e04040; width: 8px; }

#v6img { visibility:hidden }