/* $Id: style.css 208 2008-09-08 14:54:57Z jos $ */
.bodybackground {
   background-color: #e0e0e0;
}
/* Begin header classes */
   .header {
      margin: 0px 0px 10px 0px;
   }
   
   .logo {
      color:#f3da7e;
      font-family:Clarendon;
      font-size:54px;
      font-weight:bold;
      text-decoration:none;
      height: 82px;
      width: 320px;
      float: left;
      text-align: center;
      line-height:82px;
      background-image: url(/images/logo_bg.gif)
   }
   
   .adbanner {
      float: right;
      height: 60px;
      width: 468px;
      margin: 0px 0px 10px 0px;
   }
   
   .topmenu {
       position:relative;
      margin: 10px 0px 10px 0px;
      clear:both;
      height: 20px;
   }
   
   .buttons {
      position:absolute;
      top:0;
      left:0;
      /*line-height: 20px;*/
      color: #4f4f4f;
      font-family:Trebuchet MS,Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
      font-size:11px;
      text-decoration:none;
   }
   .buttons a{
      color:#2C4890;
      text-decoration:none;
   }
   .buttons a:hover {
      text-decoration:underline;
   }
   
   .search {
      position:absolute;
      top:0;
      right:0;
   }
/* End header classes */

/* Begin main classes */
   .main {
      clear:both;
   }

   .left {
      width: 150px;
      float: left;
   }
   
   .middle {
      margin-left: 166px;
      margin-right: 166px;
      margin-bottom: 20px;
      border: 1px solid #000000;
      text-align: left;
      font-family: Verdana, sans-serif, Arial;
      font-weight: normal;
      font-size: 11px;
      line-height: 12px;
      color: #000000;
      background-color: #ffffff;
   }
   
   .right {
      width: 150px;
      float: right;
   }
/* End main classes */
   
/* Begin footer classes */
   .footer {
      margin: 10px 0px 0px 0px;
      clear:both;
      text-align: center;
      color:#000000;
      font-family:Trebuchet MS,Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
      font-size:11px;
      text-decoration:none;
      /*border: 1px solid #000000;*/
   }
   .footer a{
      color: #2c4890; /* dark blue */
      text-decoration:none;
   }
   .footer a:hover {
      text-decoration:underline;
   }
/* End footer classes */

/* Begin menu classes */
   .skyscrapermenu{ 
      text-align: left;
      font-family: Verdana;
      font-weight: normal;
      font-size: 11px;
      color: #404040;
      width: 150px;
      background-color: #fafafa;
      border: 1px solid #000000;
      border-collapse: collapse;
      border-spacing: 0px;
      margin-bottom: 10px;
   }
   
   .skymenuHd{
      border-bottom: 1px solid #000000;
      background-color: #f3da7e;
      text-align: center;
      font-family: Verdana;
      font-weight: bold;
      font-size: 11px;
      line-height: 16px;
      color: #000000;
   }
   
   /*    Vertical Pop Out Menu     */
   #menu {
      width: 150px;  /*set width of menu */
      font-family: Verdana, sans-serif, Arial;
      font-weight: normal;
      font-size: 11px;
      line-height: 16px;
      text-decoration: none;
      background: #fafafa;
      text-align: left;
      text-indent: 5px;
   } 
   
   #menu ul { /* remove bullets and list indents */
      list-style: none;
      margin: 0;
      padding: 0;
      background-color: #fafafa;
   }
   

   #menu a { /* style, color and size links and headings to suit */
      font-family: Verdana, sans-serif, Arial;
      font-weight: normal;
      font-size: 11px;
      line-height: 16px;
      text-decoration: none;
      color: #2c4890; /* dark blue */
      background-color: #fafafa;
      display: block;
   }
   
   #menu a.submenu {
      background:url("/images/sub.gif") right no-repeat;
   }
   
   #menu a:hover {
      color: #e0e0e0;
      background-color: #2c4890; /* dark blue */
   }
      
   /*    Positioning the Pop Outs     */
   #menu li {
      /* make the list elements a containing block for the nested lists */
      position: relative;
      border-bottom:1px solid #e0e0e0;
      background-color: #fafafa;
   } 
   
   #menu ul ul {
      border:1px solid #000000;
      position: absolute;
      top: 0;
      left: 100%; /* to position them to the right of their containing block */
      width: 100%; /* width is based on the containing block */
   }
   
   #menu ul ul ul {
      position: absolute;
      top: 0;
      left: 100%; /* to position them to the right of their containing block */
      width: 100%; /* width is based on the containing block */
   }
   
   /*    Hiding and Revealing using :hover    */ 
   div#menu ul ul,
   div#menu ul ul ul,
   div#menu ul ul li:hover ul ul
   {display: none;}
   
   div#menu ul li:hover ul,
   div#menu ul ul li:hover ul,
   div#menu ul ul ul li:hover ul
   {display: block;}
/* End menu classes */

/* Begin item classes */
   .item{ 
      margin: 7px 0px 7px 0px;
      /*border-top: 2px dotted gray;*/
      border-top: 2px solid #f3da7e;
      min-height: 42px;
   }
   
   .item a{
      border: 0px;
   }
   
   .itemicon{ 
      float: left;
      height: 40px;
      width: 40px;
      border: 1px solid gray;
      margin: 0px 5px 0px 0px;
   }
   
   .itemicon img{
      border:none;
   }
   
   .itemtitle{
      margin: 0px 0px 0px 0px;
      font-size: 14px;
      font-weight: bold;
      color: #2c4890;
   }

   .itemtitle a{
      font-size: 14px;
      font-weight: bold;
      color: #2c4890; /* dark blue */
   }
   .itemtitle a:hover{ 
      font-weight: bold;
   }

   .itemsmall{ 
      float: right;
      font-size: 9px;
      line-height: 11px;
      color: #2c4890; /* dark blue */
   }
   
   .itemtext{ 
      margin: 2px 0px 0px 0px;
   }
   .itemtext a{ 
      text-decoration: none;
      color: #2c4890; /* dark blue */
   }
   .itemtext a:hover{ 
      text-decoration: underline;
   }
/* End item classes */

/* Begin show classes */

 .floatLeft{float: left;}
 .floatRight{float: right;}
 .image-left{float: left; vertical-align: text-top; margin: 15px 10px 0px 10px;}
 .image-right{float: right; vertical-align: text-top;}
 div.wrapContainer{width:99.5%;}

   .show {
      /*border: 1px dashed gray;*/
      margin: 5px 5px 5px 5px;
   }

   .showtitle { 
      text-decoration: none;
      font-size: 20px;
      line-height: 30px;
      text-align: center;
      color: #000000; /* gray */
   }

   .showsubtitle { 
      text-decoration: none;
      font-size: 16px;
      line-height: 24px;
      padding: 15px;
      color: #000000; /* gray */
   }
   
   .showtext { 
      margin: 0px 0px 0px 10px;
   }

   .show a{ 
      text-decoration: none;
      color: #2c4890; /* dark blue */
   }
   .show a:hover{ 
      text-decoration: underline;
   }
   
   .showfooter{
      position: relative;
      height: 11px;
   }
   
   .showsmall{
      position:absolute;
      top: 0;
      left: 0;
      text-align: left;
      width: 50%;
      font-size: 9px;
      line-height: 11px;
   }
   
   .showlink{
      position:absolute;
      top: 0;
      right: 0;
      text-align: right;
      width: 50%;
      font-size: 9px;
      line-height: 11px;
   }
   
   .showlink :hover{ 
      text-decoration: underline;
   }
   
   .separator {
      border: 1px solid #f3da7e;
      margin-top: 5px;
      margin-bottom: 5px;
   }
   
   .circuitparheading {
	font-size: 16px;
	font-weight: bold;
   }
/* End show classes */

div#circuitnavbar {
    height: 30px;
    width: 100%;
    text-align: center;    
}
div#circuitnavbar ul {
    margin: 0px;
    padding: 0px;
    line-height: 30px;
    white-space: nowrap;
}
div#circuitnavbar li {
    font-size: 14px;
    list-style-type: none;
    display: inline;
}
div#circuitnavbar li a {
    text-decoration: none;
    padding: 2px 40px;
    color: #2c4890;
}
div#circuitnavbar li a:link {
    color: #2c4890;
}
div#circuitnavbar li a:hover {
    text-decoration: underline;
    color: #2c4890;
    border: 1px dashed gray;
}

/* tables */
/*div.table-row {
  background: none #ffffcc; border: solid #000000 1px; color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 96%;
}

div.left-container {
  border: solid #000000 1px;; float: left; margin: 0px; padding: 0; width: 20%; font-weight: bold;
}

div.right-container {
  border: solid #000000 1px;; float: right; margin: 0px; padding: 0; width: 78%;
}

div.base-layer {
  background: none #cc9966; border: solid #333333 1px; color: #000000;
  margin: 0.5em 12px 0.5em 12px; padding: 0; text-align: center; width: auto;
}*/

   .commentform {
      text-align: left;
      font-family: Verdana, sans-serif, Arial;
      font-weight: normal;
      font-size: 11px;
      line-height: 12px;
      color: #000000;
      background-color: #ffffff;
   }

   .postbody {
      text-align: left;
      font-family: Verdana, sans-serif, Arial;
      font-weight: normal;
      font-size: 11px;
      line-height: 12px;
   }
   
   .postdetails {
      text-align: left;
      font-family: Verdana, sans-serif, Arial;
      font-weight: normal;
      font-size: 10px;
      line-height: 12px;
   }
   
   .postname {
      color:#000000;
      font-size:11px;
   }

   .td_class1 {
      background-color:#ffffff; /*#EFEFEF;*/
   }
   
   .td_class2 {
      background-color:#f7f7f7; /*#DEE3E7;*/
    /*  border:medium solid #f3da7e;
      border-width:0px 0px 2px 0px;*/
   }
   
   .tr_underline{
      border:medium solid #f3da7e;
      border-width:0px 0px 2px 0px;
   }

.gensmall {
font-size:11px;
}
.genmed {
font-size:12px;
}

input {
text-indent:2px;
}
input.button {
background-color:#EFEFEF;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
}
input.mainoption {
background-color:#FAFAFA;
font-weight:bold;
}
input.liteoption {
background-color:#FAFAFA;
font-weight:normal;
}

th {
font-size:11px;
font-weight:bold;
text-align: left;
}

.cattitle		{ font-size: 14px ;}
a.cattitle		{ text-decoration: none;}
a.cattitle:hover        { text-decoration: underline; }

.forumlink		{ font-size: 12px;}
a.forumlink 	        { text-decoration: none;}
a.forumlink:hover       { text-decoration: underline; }

/*
font, th, td, p {
font-family:Verdana,Arial,Helvetica,sans-serif;
}

td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
background-color:#D1D7DC;
background-image:url(templates/subSilver/images/cellpic1.gif);
border:medium solid #FFFFFF;
height:28px;
}

th {
background-color:#006699;
background-image:url(templates/subSilver/images/cellpic3.gif);
color:#FFA34F;
font-size:11px;
font-weight:bold;
height:25px;
}
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
background-color:#D1D7DC;
background-image:url(templates/subSilver/images/cellpic1.gif);
border:medium solid #FFFFFF;
height:28px;
}
td.cat, td.catHead, td.catBottom {
border-width:0px;
height:29px;
}
th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {
border:medium solid #FFFFFF;
font-weight:bold;
height:28px;
}
td.row3Right, td.spaceRow {
background-color:#D1D7DC;
border:medium solid #FFFFFF;
}
th.thHead, td.catHead {
border-width:1px 1px 0px;
font-size:12px;
}
th.thSides, td.catSides, td.spaceRow {
border-width:0px 1px;
}
th.thRight, td.catRight, td.row3Right {
border-width:0px 1px 0px 0px;
}
th.thLeft, td.catLeft {
border-width:0px 0px 0px 1px;
}
th.thBottom, td.catBottom {
border-width:0px 1px 1px;
}
th.thTop {
border-width:1px 0px 0px;
}
th.thCornerL {
border-width:1px 0px 0px 1px;
}
th.thCornerR {
border-width:1px 1px 0px 0px;
}*/

.code {
background-color:#FAFAFA;
border:1px solid #D1D7DC;
color:#006600;
font-family:Courier,'Courier New',sans-serif;
font-size:11px;
}
.quote {
background-color:#FAFAFA;
border:1px solid #D1D7DC;
color:#444444;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:125%;
}

div.flvplayer {
-moz-outline-radius-bottomleft:4px;
-moz-outline-radius-bottomright:4px;
-moz-outline-radius-topleft:4px;
-moz-outline-radius-topright:4px;
border:2px solid #FFFFFF;
cursor:pointer;
height:300px;
margin-right:15px;
outline-color:#333333;
outline-style:solid;
outline-width:1px;
text-align:center;
width:425px;
background-image: url(/flv/gpiotest.jpg);
}

div.flvplayer div.info {
background:#000000 repeat-x scroll 0 0;
border-top:1px solid #CCCCCC;
color:#FFFFFF;
font-family:"bitstream vera sans","trebuchet ms";
font-size:12px;
height:40px;
margin-top:86px;
opacity:0.7;
padding:5px 15px;
text-align:left;
}

div.flvplayer div.info span {
color:#2c4890;
display:block;
font-weight:bold;
}

div.flvplayer img {
margin-top:67px;
}