body {
      background-color: #004065;
      margin: 0;
      font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      font-size: 0.8em;
}

div.clear {
        clear: both;
}

div#body {
  background: url(/images/main_bg.png) repeat-y;
}

div#page {
        width: 946px;
        margin: 16px auto 26px;
        position: relative;
}

p {
        margin: 0;
        padding-top: 5px;
        padding-bottom: 5px;
}

/* @group Header */

div#header {
        height: 105px;
        background-image: url(/images/header.png);
        position: relative;
        width: 946px;
}
div#subheader {
   font-size: .90em;
   margin: 0px;
   padding-left: 10px; 
   padding-right: 10px; 
   padding-top: 4px;
   background-image: url(/images/main_bg.png);
   position: relative;
   height:70px;
}

div#strapline {
        color: #b4b4b4;
        position: absolute;
        top: 63px;
        left: 119px;
        font-size: .9em;
        text-align: center;
        width: 228px;
}

/* @group Download */

div#download_link {
        position: absolute;
        top: 48px;
        font-size: .9em;
        left: 724px;
}

div#explore_link {
        position: absolute;
        top: 48px;
        font-size: .9em;
        left: 846px;
}

div#code_title {
	position: absolute;
	top: 55px;
	left: 400px;
	width: 510px;
	font-weight: bold;
	font-size: 1.2em;
	color: #006699;
/*	border: 1px solid #006699; */
}

div#twitter_button {
        position: absolute;
	bottom: 78px;
	left: 865px;
}

#search_keywords {
	width: 200px;
}


div.download a {
        text-decoration: none;
        color: #b4b4b4;
}

div.download a:hover {
        color: #eaeaea;
}

/* @end */

.subtitle {
  font-weight: bold;
  font-size: 1.4em;
}

.menubar {
  font-weight: bold;
  font-size: 1.2em;
  border-bottom: 1px solid #006699;
  margin-left:10px; 
  margin-right:20px; 
  padding-top: 15px;
}

.headline .perljob{
  font-size: inherit; 
  vertical-align: baseline;  
  padding: 1em; 
  float: left;
}

.perlmiscmsg {
  font-size: inherit; 
  float: right;  
  text-align: right;
}

table,td,th {
  border-collapse: collapse;
  font-size: 0.9em; 
}

table.main {
  width: 910px;
}

table.main td {
  padding: 2px 10px 2px 10px;
}

table.subheader {
  width: 600px; 
  height: 20px;
  border-collapse: collapse;
  font-weight: bold;
  font-size: 1.4em;
  font-variant: small-caps;
}

.runcode {
  font-size: 1em;
  font-weight: bold;
  font-family: courier;
  background: black;
  color: yellow;
  padding: 0.2em;
}

th {
  color: inherit;
  padding: 0.2em 0.5em;
  text-align: left;
}

TH A:link, TH A:visited {
/*  background: transparent; */
    color: #555555;
}

td {
  margin: 0;
  padding: 1;
}

.even_row td{
  background: #cccccc;
}

.links_dropdown {
  float: right;
}

img { border: 0; }
form { margin: 0; }
select { font-size: 0.95em; }
input { margin: 10px; color: #979797; }
input:focus {background: #afbde5; font-weight: bold; color: black; }

.xxlogo {
  width: 411px;
  height: 90px;
}

A:link, A:visited, A:active {
  background: transparent;
  color: #006699;
  text-decoration:none;
}

th A:hover, A:hover { color: green; text-decoration: underline; }

xxDIV {
  border-width: 0;
}

DT {
  margin-top: 1em;
}

.label {
  background: #aaaaaa;
  color: black;
  font-weight: bold;
  padding: 0.2ex 1ex;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
}

div#mainframe { 
  position: fixed; 
  top: 228px; 
  bottom:15px; 
  width:945px;
  overflow: auto; 
  background: url(/images/main_bg.png) repeat-y;
}

div#inside {
 margin-left: 10px;
}

div#footer { 
  position: fixed; 
  bottom: 0; 
  width: 946px;
  text-align: right; 
  color:  white; /* #555; */ 
  font-size: x-small; 
  border-top: 1px solid #aaaaaa;
}

.footer {
  margin-top: 1ex;
  text-align: right;
  color: #006699;
  font-size: x-small;
  border-top: 1px solid #006699;
  line-height: 120%;
}

.stats {
  float: left;
  text-align: left;
  white-space: pre;
}

/* ajax autocomplete */

.textbox {
    float: left;
    height: 20px;
    width: 450px;
    font-size: 1em;
    margin-right: 5px;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
    z-index: 3000;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:1em;
  cursor:pointer;
}

/* Pretty printing styles. Used with prettify.js. */

.str { color: #080; }
.kwd { color: #008; }
.com { color: #800; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
pre.prettyprint { padding: 2px; border: 1px solid #888 }

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }

@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}