/*
Norm brn
#935D3B
Dark
#674129

#FFE8D9

#FFD0B3

Norm cyan
#3B9390
Dark
#296765

#D9FFFE

#B3FFFD

*/


BODY {
  font-size : 9pt;
  font-family : "Times New Roman", serif;  font-weight : normal;
  color : #000000;
  background  : white url("./img/back.gif");
  margin : 0 0 0 0;
  padding : 0 0 0 0;
  width : auto;
  /* filter: Alpha(Opacity=75);
  -moz-opacity: .75; */
}


/*********************************************** supercontainers **********************************************/

.superbg {
  background :  white; /* url("./img/superbg.jpg") no-repeat; */
}

.nobg {
  background :  white;
}

.supermainbg {
  background :  white url("./img/supermainbg.jpg") repeat-x;
}

/*********************************************** Override Html Default *****************************************/
h1 {
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 1.1em;
  color : #000000;
  background-color : transparent;
}

h2 {
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 1.05em;
  color : #000000;
  background-color : transparent;
}

h3 {
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 1.025em;
  color : #000000;
  background-color : transparent;
}



p {
  margin : 0.8em 1.4em 2.0em 1.4em;
  padding : 0 0 0 0;
}

.docbody {
  width: 550px;
}

.docbody p {
  margin : 0.8em 0 0.8em 0;
  padding : 0 0 0 0;
  text-indent: 1.2cm;
  line-height: 130%;
  text-align: justify;
}

.newsbody {
  width: 550px;
}

.newsbody p {
  margin : 0.8em 0 0.8em 0;
  padding : 0 0 0 0;
  text-indent: 1.2cm;
  line-height: 130%;
  text-align: justify;
}


.signature {
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
   margin : 0.3cm 0.4cm 0.4cm 66%;
   padding : 0 0 0 0;
   font-size : 115%;
}

img {
  border : none;
  margin : 0 0 0 0;
  padding : 0 0 0 0;
}

form {
  border : none;
  margin : 0 0 0 0;
  padding : 0 0 0 0;
}




.flabel {
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 1.025em;
  color : #000023;
}

.superlabel {
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 1.18em;
  color : #000011;
}


a:link {
  color : #000066;
  font-weight : bold;
}

a:visited {
  color : #6666cc;
  font-weight : bold;
}

.smalltext {
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 0.8em;
}

.smalltext a:link {
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
}

.smalltext a:visited {
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
}

/*********************************************** splashlinks **********************************************/
.splashlinks {
  color: white;
  margin: 0 0 0 0;
  padding: 0;
  text-align: left;
  font-size: 1.7em;
}


.splashlinks a {
  background: url(img/arrow-list.gif) no-repeat 2px center;
  color: white;
  padding: 3px 0;
  padding-left: 20px;
  text-decoration: none;
}


.splashlinks  a:visited {
  color: #dddddd;
}

.splashlinks  a:hover, .splashlinks   a:active {
  color: white;
  padding-left: 22px;
  background-image:url(img/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

/*********************************************** tooltips ******************************************************/
a.tiplink,  a.tiplink:visited {
  color: #121212;
  text-decoration: none;
}

a.tiplink:hover, a.tiplink:active {
  color: #000000;
  text-decoration: none;
}


.tipbox {
   display: none;
}

.tipstuff {
} 

/************************************************** top ********************************************************/

.top {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 80px;
  background: #1414bf url(img/topsplash-rep.jpg) repeat-x;
  font-size : 16px;
  font-family : "Times New Roman", serif;  font-weight : bold;
}

.top div {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #dddddd;
}

.top a:link, .top a:visited {
  color: #eeeeee;
}

.top a:hover, top a:active {
  color: #ddddff;
}

.search_hint_old {
 z-index : 1;
 border: 2px solid #eeeeee;
 background : #323233;
}

.top .ul {
  width: 100%; /*width of img*/
  height: 56px; /*width of img*/
  background: url(img/topsplash.jpg) no-repeat;
}

.top .ll {
  width: 100%; /*width of img*/
  height: 24px; /*width of img*/
  background: url(img/topsplash.jpg) no-repeat  0px -56px;
}


.top .ur {
  right: 12px;
  position:absolute;
  font-size : 0.75em;
  font-family : Verdana, serif;  font-weight : normal;
}


.top .lr {
  right: 12px;
  position:absolute;
}




/************************************************ topmenu ******************************************************/

.topmenu {
  display: block;
  padding: 0 0;
  width: 100%;
  height: 44px;
  line-height: 16px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  font-family : "Times New Roman", serif;  background: black url(img/topbuttonbgl2.gif)  repeat-x;
  border-bottom: 2px solid #222222;
  border-top: 2px solid #000022;
}

.topmenu a {
  float: left;
  display: inline;
  margin: 0 0 0 0; /*Margin between each menu item*/
  color: white;
  white-space: nowrap;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 11px;
  padding-left: 11px;
  border-right: 1px solid #bbbbbb;
  text-decoration: none;
  background: black url(img/topbuttonbg.gif) repeat-x;
}

.topmenu a.logobutton:link, .topmenu a.logobutton:visited {
  float: left;
  display: inline;
  margin: 0 0 0 0; /*Margin between each menu item*/
  padding: 0 0 0 0;
  border-right: 1px solid #bbbbbb;
  text-decoration: none;
  background: black url(img/logobutton.jpg) no-repeat;
  height: 44px;
  width: 47px;
}

.topmenu a.logobutton:hover, .topmenu a.logobutton:active {
  background: black url(img/logobutton2.jpg) no-repeat;
  height: 44px;
  width: 47px;
  margin: 0 0 0 0; /*Margin between each menu item*/
  padding: 0 0 0 0;
  border-right: 1px solid #bbbbbb;
}


.topmenu .rs {
  float: left;
  display: inline;
  padding: 0 0;
  margin: 0 0 0 0; /*Margin between each menu item*/
  width: 34px; /*width of img*/
  height: 44px; /*width of img*/
  background: url(img/topbuttonbgl1.gif) no-repeat;
}

.topmenu .ls {
  float: left;
  display: inline;
  padding: 0 0;
  margin: 0 0 0 0; /*Margin between each menu item*/
  background: black url(img/topbuttonbg.gif) repeat-x;
  border-right: 1px solid #bbbbbb;
  width: 44px; /*width of img*/
  height: 44px;
}



.topmenu a:visited {
  color : #dddddd;
}

.topmenu a:hover, .topmenu a:active, .old_topmenu .current {
  color: white !important; /*text color of selected and active item*/
  padding-top: 11px; /*shift text down 1px for selected and active item*/
  padding-bottom: 15px; /*shift text down 1px for selected and active item*/
  background: black url(img/topbuttonbg2.gif) center center repeat-x;
}

/********************************************** search and cart ******************************************************/


.searchform { /*CSS for sample search box. Remove if desired */
  float: right;
  margin-right: 8px;
  margin-top: 12px;
  padding: 0;
}

.searchform .textinput{
  width: 140px;
  height: 22px;
  border: 2px solid #666666;
}

.searchform .submit{
  font-size: 11px;
  font-family : Verdana, serif;  height: 22px;
  background-color: #cccccc;
}

a.topcart {
  background: black url(img/cart.gif) no-repeat;
  padding-left:28px;
  height: 18px;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-right: 2px;
  margin-right: 8px;
  margin-top: 12px;
  margin-bottom: 0;
  margin-left: 4px;
  border: 1px solid #222222;
  float: right;
  color: white;
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size:11px;
  font-family : Verdana, serif;  text-decoration: none;
}

a.topcart:link, a.topcart:visited {
}

a.topcart:hover, a.topcart:active {
  background: black url(img/cart-glow.gif) no-repeat;
  padding-left:28px;
  height: 18px;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-right: 2px;
  margin-right: 8px;
  margin-top: 12px;
  margin-bottom: 0;
  margin-left: 4px;
  border: 1px dotted white;
  float: right;
  color: white;
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size:11px;
  font-family : Verdana, serif;  text-decoration: none;
}



/*********************************************** leftmenu **********************************************/
.leftmenu {
  margin: 0 0 0 8px;
  padding: 0;
  width: 134px;
  border: 1px solid #9A9A9A;
  text-align: left;
}

.leftmenu h1 {
  background: #634531 no-repeat 2px center;
  color: #eeeeff;
  display: block;
  width: auto;
  padding: 3px 0;
  padding-left: 22px;
  margin: 0 0;
  text-decoration: none;
  border-bottom: 1px solid #B5B5B5;
}

.leftmenu a {
  background: #fff8d3 url(img/arrow-list.gif) no-repeat 2px center;
  color: #00014e;
  display: block;
  width: auto;
  padding: 3px 0;
  padding-left: 20px;
  text-decoration: none;
  border-bottom: 1px solid #B5B5B5;
  border-left:   1px solid #999999;
  border-right:  1px solid #999999;
}


.leftmenu a:visited {
  color: #00014e;
}

.leftmenu  a:hover, .leftmenu   a:active  {
  color: black;
  background-color: #b56939;
  background-image:url(img/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

.ls_menu_block {
   width: 150px;
   background: black;
   border: 4px solid black;
}

.ls_menu_block2 {
   width: 100%;
   height: 12px;
   background: black;
   border-bottom: 1px red;
   margin:0;
}


/******************************************** Login Stuff *********************************************************/
.centeror {
  color: black;
  /* background-color: #b56939; */
  background: url(img/center-or.gif) 0px 90px no-repeat;
  width: 34px;
}

.biginstruct {
  color : white;
  background : blue;
  width : 100%;
  font-size : 1.4em;
  margin-bottom: 12px;
  border-bottom: 2px solid #0000B5;
  text-align: center;
  display: block;
}

/*****************************************************************************************************/
.contactinfo {
    border : #efb240 1px solid;
    margin-bottom: 12px;
    width : 80%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-bottom: 12px;
    font-size: 0.8em;
}

.contactinfo h1 {
    color : white;
    background:  #efb240;
    margin-top: 0;
    margin-left: 0;
    border-bottom: 2px solid #a08010;
    border-right: 2px solid #a08010;
}



/*****************************************************************************************************/
.picobutton {
   padding: 2px 5px 3px 5px;
   border-style:solid;
   border-top-width:1px;
   border-left-width:1px;
   border-bottom-width:1px;
   border-right-width:1px;
   border-top-color:#D9DFEA;
   border-left-color:#D9DFEA;
   border-bottom-color:#0e1f5b;
   border-right-color:#0e1f5b;
   background-color:#b39042;
   color: black;
   text-decoration: none;
   font-size:11px;
   font-family:"lucida grande", serif;   text-align:center;
}

a.picobutton:link, a.picobutton:visited {
  color: black;
}

a.picobutton:hover, .picobutton:active {
  color: blue;
  background-color:white;
}

.inputsearch {
  background:white url(img/magglass.png) no-repeat 3px 4px;
  border: none;
  padding-left:17px;
}


/****************************************** boldbuttons *****************************************************/
a.boldbuttons{
  background: transparent url("img/roundedge-gray-left.gif") no-repeat top left;
  display: block;
  float: left;
  font-weight : bold;
  font-size : 13px; /* Change 13px as desired */
  line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 30px; /* Height of button background height */
  padding-left: 8px; /* Width of left menu image */
  text-decoration: none;
  width : auto;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
  color: white; /*button text color*/
}

a.boldbuttons span {
  background: transparent url("img/roundedge-gray-right.gif") no-repeat top right;
  display: block;
  padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than"padding-left" value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
  text-decoration: underline;
}


a.boldredbuttons{
  background: transparent url("img/roundedge-blue-left.gif") no-repeat top left;
  display: block;
  float: left;
  font-weight : bold;
  font-size : 13px; /* Change 13px as desired */
  line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 30px; /* Height of button background height */
  padding-left: 8px; /* Width of left menu image */
  text-decoration: none;
  width : auto;
}

a:link.boldredbuttons, a:visited.boldredbuttons, a:hover.boldredbuttons, a:active.boldredbuttons{
  color: white; /*button text color*/
}

a.boldredbuttons span{
  background: transparent url("img/roundedge-blue-right.gif") no-repeat top right;
  display: block;
  padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than"padding-left" value above*/
}

a:hover.boldredbuttons{ /* Hover state CSS */
  text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
  overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
  width: 100%;
}
/* ex multi buttons
<div class="buttonwrapper">
   <a class="boldredbuttons" href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">
   <span>Download Now</span></a>
   <a class="boldredbuttons" href="http://www.dynamicdrive.com/style/csslibrary/category/C7/" style="margin-left: 6px">
   <span>CSS buttons</span></a>
</div>
*/

/*********************************************** pager *****************************************************/
.pager {
  padding: 2px;
  font-size: 85%;
}

.pager a, .pager a:visited{
  font-weight: normal;
  padding: 0 5px;
  border: 1px solid #634531;
  text-decoration: none;
  color : #222;
  background-color: #fff8d3;
}

.pager a:hover, .pager a:active{
  border: 1px solid #2b66a5;
  color: #fff;
  background-color: #48d;
}

.pager a.currentpage {
  background-color: #2e6ab1;
  color: #FFFFFF !important;
  border-color: #2b66a5;
  font-weight: normal;
  }

.pager a.disablelink, .pager a.disablelink:hover{
  background-color: #eee;
    color: #bbb;
  border: 1px solid #634531;
  font-weight: normal !important;
}


/*********************************************** pagation *****************************************************/
.pagination{
  padding: 2px;
}

.pagination ul{
  margin: 0;
  padding: 0;
  text-align: left; /*Set to "right" to right align pagination interface*/
  font-size: 16px;
}

.pagination li{
  list-style-type: none;
  display: inline;
  padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
  padding: 0 5px;
  border: 1px solid #9aafe5;
  text-decoration: none;
  color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
  border: 1px solid #2b66a5;
  color: #000;
  background-color: #FFFF80;
}

.pagination a.currentpage{
  background-color: #2e6ab1;
  color: #FFFFFF !important;
  border-color: #2b66a5;
  font-weight: bold;
  }

.pagination a.disablelink, .pagination a.disablelink:hover{
  background-color: white;
  
  color: #929292;
  border-color: #929292;
  font-weight: normal !important;
}

.pagination a.prevnext{
  font-weight: bold;
}

/*
<div class="pagination">
<ul>
<li><a href="#" class="prevnext disablelink">« previous</a></li>
<li><a href="#" class="currentpage">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a>...</li>
<li><a href="#">15</a></li>
<li><a href="#">16</a></li>
<li><a href="#" class="prevnext">next »</a></li>
</ul>
</div>
*/
/****************************************** breadcrumb ***********************************************/
.breadcrumb{
  font-weight:bold;
  font-size: 14px;
  }

.breadcrumb a{
  background: transparent url(img/breadcrumb.gif) no-repeat center right;
  text-decoration: none;
  padding-right: 18px; /*adjust bullet image padding*/
  color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
  color: navy;
}

.breadcrumb a:hover{
  text-decoration: underline;
}

/********************************************* tables *********************************************/

table.numbertable {
  border: 1px solid #9A9A9A;
  border-spacing: 0;
  text-align: right;
  border-collapse: collapse;
}

table.texttable {
  border: 1px solid #9A9A9A;
  border-spacing: 0;
  text-align: left;
  border-collapse: collapse;
}

table.numbertable .topr, table.texttable .topr {
  background: #634531 no-repeat 2px center;
  color: #eeeeff;
  text-decoration: none;
  font-weight: normal;
  border-bottom: 1px solid #B5B5B5;
}

table.numbertable .topr a, table.texttable .topr a,
table.numbertable .topr a:visited, table.texttable .topr a:visited {
  color: #eeeeff;
  text-decoration: none;
  font-weight: normal;
}




table.numbertable .topr a:hover, table.texttable .topr a:hover,
table.numbertable .topr a:active, table.texttable .topr a:active
{
  color: #ff6666;
  text-decoration: underline;
}

table.numbertable .or, table.numbertable tr, table.texttable .or, table.texttable tr {
  background: #d0f0d0;
  color: #00014e;
}


table.numbertable .er, table.texttable .er {
  background: #fff8d3;
  color: #00014e;
}

table.numbertable td, table.texttable td {
  border-right:  1px dotted #999999;
  border-bottom: 1px solid #B5B5B5;
}

.ltext {
  text-align: left;
}

.rtext {
  text-align: right;
}

.ddtrow {
   position: relative;
   display: block;
   clear: left;
   height: 22px;
}

.ddtrow .ddtcell {
     overflow: hidden;
     color:blue;
     border-right:  1px dotted #999999;
     border-bottom: 1px solid #B5B5B5;
     width: 100px; height: 20px;
     white-space: nowrap;
     display: inline;
     float: left;
     background: #fff8d3;
     color: #00014e;
}

/********************************************* windowblock *********************************************/
.windowblock {
   border-top:    1px solid #B5B5B5;
   border-bottom: 1px solid #B5B5B5;
   border-left:   1px solid #999999;
   border-right:  1px solid #999999;
}

.windowblock .ul {
    background-image : url(boxstyles/left.gif);
    background-repeat : no-repeat;
    width : 8px;
    height: 22px;
}

.windowblock .ur {
    background-image : url(boxstyles/right.gif);
    background-repeat : no-repeat;
    width : 8px;
    height: 22px;
}

.windowblock .u {
    font-family:"lucida grande", serif;    font-size : 11pt;
    white-space: nowrap;
    font-weight : bold;
    background-image : url(boxstyles/tile.gif);
    background-repeat : repeat-x;
    height: 22px;
}

.windowblock .l {
    background-image : url(boxstyles/windowgutsbg.png);
    background-repeat : repeat;
    width : 8px;
}

.windowblock .r {
    background-image : url(boxstyles/windowgutsbg.png);
    background-repeat : repeat;
    width : 8px;
}

.windowblock .blockbody {
    background-image : url(boxstyles/windowgutsbg.png);
    background-repeat : repeat;
    font-family : "Times New Roman", serif;    font-size : 8pt;
    color : #f5f5f5;
}

.windowblock a:link, .windowblock a:visited { color : #ddddff; }
.windowblock a:hover, .windowblock a:active  { color : #ffffff; }

/****************************************** faq ***********************************************/
.faq_Q {
    font-size : 120%;
    color : black;
    padding-bottom: 6px;
}

.faq_A {
    font-size : 100%;
    color : navy;
    margin-bottom: 18px;
}


/************************************** mainblock **************************************************/
.mainblock {
    margin-bottom: 10px;
    width: 66%;
}

.mainblock .ul {
    background-image : url(boxstyles/header2_l.gif);
    background-repeat : no-repeat;
    width : 15px;
    height: 30px;
}

.mainblock .ur {
    background-image : url(boxstyles/header2_r.gif);
    background-repeat : no-repeat;
    width : 15px;
    height: 30px;
}

.mainblock .u {
    font-size : 11pt;
    white-space: nowrap;
    font-weight : bold;
    background-image : url(boxstyles/header2_c.gif);
    background-repeat : repeat-x;
    height: 30px;
    color: white;
}

.mainblock .u .date {
    width : 100%;
    text-align : right;
    font-size : 66%;
}

.mainblockbody {
    font-family : "Times New Roman", serif;    font-size : 12pt;
    color : #222222
}

/************************/

.noline a:link {
  text-decoration : none;
}

.noline a:visited {
  text-decoration : none;
}


.largetext {
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  font-size : 12pt;
}

.largetext a:link {
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  font-size : 12pt;
}

.largetext a:visited {
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  font-size : 12pt;
}

.errortext {
  font-size : 9pt;
  color : red;
  font-weight : bold;
}

.grid {
  border : #efb240 .05em solid;
}




.white {
  background-color : white;
}

.black {
  background-color : black;
}

.bg_dark {
  background-color : #001280;
}

.bg_medium {
  background-color : #336699;
}

.bg_light {
  background-color : #a6add4;
}

.alt_bg_dark {
  background-color : #066fa0;
}

.alt_bg_medium {
  background-color : #2794d8;
}

.alt_bg_light {
  background-color : #5fb0d8;
}

.copyright {
    color:  #c39c00;
    font-size: 7pt;
    text-align: center;
}

.copyright a:link {
    color:  #d3ac00;
    font-style : normal;
    font-variant : normal;
    font-weight : bold;
}

.copyright a:visited{
    color:  #d3ac00;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
}

.welcometext {
    color:  #111111;
    font-size: 9pt;
}




.sstext {
    color : #444444;
    font-size : 7pt;
}

.dltext {
    color : #eeeeee;
    font-size : 8pt;
}

.requirements {
    color : #444444;
    font-size : 7pt;
    font-weight : bold
}

.gametitle {
    color : #eeeeee;
    font-size : 18pt;
    text-transform : uppercase;
    font-weight : bold
}

.vertext {
    color : #a9a9cc;
    font-size : 7pt;

}

.gamebody {
    font-family : "Times New Roman", serif;    font-size : 10pt;
    color : #454568
}

.pricetext {
    color : #aaaacc;
    font-size : 13pt;
}


.doctitle {
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 16pt;
  color : #000000;
  background-color : transparent;
}

.docsectionhead {
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 13pt;
  color : #000000;
  background-color : transparent;
}

.docsubhead {
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 11pt;
  color : #222222;
  background-color : transparent;
}

.fuss {
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 14pt;
  color : #ff2222;
  background-color : transparent;
}


/* style sheet for inculding the W3C validator's results page  */

div#results_container {
  margin: 2em;
}
div#results_container ul li {
  list-style-type: disc;
  margin-left: 1em;
}
div#results_container ul {
    margin-left: 1.5em;
    margin-right: 1.5em;
}


div#results_container ul.navbar {
  border-top: 1px solid #DCDDE0;
  border-bottom: 1px solid #DCDDE0;
	text-align: center;
	margin: 0 0 2em 0;
	padding: .5em;
}
div#results_container ul.navbar span {
	display: none;
}

div#results_container ul.navbar a:link, div#results_container ul.navbar a:visited {
	color: #365D95;
	text-decoration: none;
	margin-right: 1em;
	margin-left: 1em;
}

div#results_container ul.navbar a:hover, div#results_container ul.navbar a:active {
	color: #1f2126;
	text-decoration: underline;
	margin-right: 1em;
	margin-left: 1em;
}

div#results_container ul.navbar li {
	display: inline;
}

/* Various Bits of the Table Header */
/*
*/

p.revalidate_instructions {
  font-size: small;
  font-style: italic;
  margin: .5em .5em 0 1em;
}

fieldset#revalidate_opts {
        width: 100%;
        margin: 0;
        padding:0;
        border: 1px dotted #ccc;
        background-color: #fcfcfc;
        padding-bottom: 1em;
}

fieldset#revalidate_opts p.moreinfo {
  padding: 10px;
  margin-top: .3em;
  float: left;
  width: 20em;
  font-size: x-small;
  margin-bottom: 0;
}

div#revalidate_button {
        float: right; width: 6em;
        padding-right: 3.5em !important;
}

table.header {
  clear: both;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}

div#results_container table {
	border-collapse: collapse;
	border-right: 1px solid #ccc;
}
div#results_container table td, div#results_container table th{
	border-top: 0px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #EAEBEE;
	padding: 6px;
	border-collapse: collapse;
}
div#results_container table th {
	background-color: #EAEBEE;
	color: #11111A;
	border-right: 1px solid #ccc;
	font-weight: bold;
	font-size: 1em;
}

div#results_container table th label {
	background-color: #EAEBEE;
	color: #11111A;
	font-weight: bold;
	font-size: 1em;
}

div#results_container table {
  margin-bottom: .5em;
 	border-collapse: collapse;
	border-right: 1px solid #ccc;
}

div#results_container td, div#results_container th {
	border-top: 0px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #EAEBEE;
	border-collapse: collapse;

}
div#results_container th {
	background-color: #EAEBEE;
	color: #11111A;
	border-right: 1px solid #ccc;
}


fieldset#revalidate_opts table.header {
        margin-top: .5em;
}

fieldset#revalidate_opts table.header, fieldset#revalidate_opts table.header td, fieldset#revalidate_opts table.header tr {
        border: 0;
}
fieldset#revalidate_opts div#revalidate_button input {
  background-color: #EAEBEE;
  color: #365D95;
  padding: .3em 1em;
  border: 1px outset #ccc;
}
fieldset#revalidate_opts div#revalidate_button input:active {
  border-style: inset !important;
}

/* Error Messages Display */
/*
*/

/* "Fatal" warnings... */

ol#warnings, ol#error_loop, ol#fatal-errors {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

ol li.msg_info, ol li.msg_warn, ol li.msg_err {
  border: 1px solid #EAEBEE;
  border-top: 0;
  list-style-position: inside;
  padding: 1em;
  padding-bottom: 2em;
  clear: both;
}

ol li.msg_info:hover, ol li.msg_warn:hover, ol li.msg_err:hover {
  background-color: #fcfcfc;

}

ol#warnings, ol#error_loop, ol#fatal-errors  {
        padding:0;
        border-top: 1px solid #EAEBEE;
}

ol#warnings li ul li, ol#error_loop ul li, ol#error_loop p, ol#warnings p {
        line-height: 135%;
        margin-bottom: .65em;
        /*margin-right: 2em;*/
}

li span.err_type img {
    width: 1.2em;
    height: 1.2em;
    padding-bottom: .2em;
    vertical-align: middle;
}

/*
li.msg_info span.err_type{
  background-color: #888;
  padding: .1em .5em;
  color: white;
  font-size: smaller;
}

li.msg_warn span.err_type{
  padding: .1em .5em;
  background-color: #FA9084;
  color: #333;
  font-size: smaller;
}

li.msg_err span.err_type{
  padding: .1em .5em;
  background-color: #D23D24;
  color:white;
  font-size: smaller;
}
*/
.msg {
  font-weight: bold;
  line-height: 130%;
}

li.msg_info span.msg { /* these messages are not errors */
  font-weight: normal !important;
}

.ve {
  font-size: smaller;
  padding: 0;
  width: 100%;
}

.ve p {
  line-height: 110%;
  margin: 1ex 5em 1ex 1em;
  text-align: justify;
}

/* no Helpwanted, hence giving it a bit of space instead */
li.msg_info {
  padding-bottom: 2em;
}

p.helpwanted {
  padding: 0;
  margin: 0;
  margin-top: 0em;
  color:        #888;
  text-align:       left;
  float: right;
  width: 20px;
  font-weight: bold;
  position: relative;
  left: 0;
  top: -3em;
}

li.grouped p.helpwanted {
  top: -1em;
}

p.helpwanted a {
  color: #88f;
  text-decoration: none;
}

code.input {
  margin-bottom: 2ex;
}

code.input strong {
  color: red;
  padding-left: .5ex;
  padding-right: .5ex;
  font-weight: bolder;
}


/* Source Code Display */
/*
*/
#source ol {
  font-family: "Bitstream Vera Sans Mono", monospace;
  font-size: smaller;
  background: #EAEBEE;
  border: 1px solid black;
  margin-top: 1em;
  list-style-position: inside;
  list-style-type: decimal;
}
#source ol li {
  margin: .5em 1em;
  background-color: #EAEBEE;
  line-height: 150%;
}

#source ol li a {
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}

pre.source {
  font-family: "Bitstream Vera Sans Mono", monospace;
  border: 1px solid black;
  background: #EAEBEE;
  margin: 1em;
  padding: 1em;
  overflow: scroll;
  font-size: smaller;
}

/* Style for non-parser warnings. */
/*
*/

ul#warnings {
  padding: 0;
}



.info {
  color: black;
  background: white;
  border-color: gray;
}

.warning {
  color: black;
  background: silver;
  border-color: gray;
}

.error {
  color: black;
  background: yellow;
  border-color: black;
}

.fatal h2 {
  color: black;
  background: red;
  border: solid black 1px;
}

div#result {
  clear: left;
  padding-top: 1em;
}

h2.valid, h2.invalid, h2.tentative_valid {
    text-align: center;
    margin: 0;
  font-family: "Bitstream Vera Sans", sans-serif;
  font-size:		1.3em;
  font-weight:		500;
  font-style:		normal;
  text-decoration:	none;
  word-spacing:		normal;
  letter-spacing:	normal;
  text-transform:	none;
  border-color:		black;
  padding-top:		.2em;
  padding-bottom: 	.2em;
}
/* the default color of the headings is green now,
but we want to use it only for "congratulations"
and stick to a neutral color for other headings */


h3#congrats {
    color: #690 !important;
}

.valid, .valid strong {
  background-color:	#55B05A;
  color:		white;
}

.tentative_valid, .tentative_valid strong {
/* we could use a different color than for "valid" */
/*  background-color:	#888; */
/* ... or simply use the same */
  background:           #55B05A;
  color:		white;
}

.invalid, .invalid strong {
  background-color:	#D23D24 !important;
  color:		white !important;
}

td.valid {
  background-color:		white;
  color:           #55B05A;
}

strong.has_warnings {
  font-weight:bold;
	color:#CFAC08;
	background-color: white;
}
td.invalid, h3.invalid
{
  color:	#D23D24 !important;
  background-color:	white !important;
}

img.inline-badge {
  float: left;
  padding: 10px;
  margin-left: 3em;
}

pre.badgeSnippet {
  margin-left: 108px !important; /* give room to the image */
  padding-left: 3em;
  font-size: x-small;
  color: #777;
  margin-bottom: 2em;
}

p.backtop {
        color: #bbc;
        font-size: x-small;
        padding-right: 0 !important;
        margin: 1em 0 !important;
        text-transform: uppercase;
        font-weight: bold;
        padding-top: .3em;
        text-align: right;
        border-top: 1px solid #eef;
        clear: both;
}

p.backtop a:link, p.backtop a:hover, p.backtop a:visited {
        color: #bbc;
        text-decoration: none;
}

/* document outline */
pre.outline {
    line-height: 160%;
    padding-left: 1.5em;
}








