/* CSS Document */

/* Javascript Navigation panel */
.impactPanelContent p {padding: 7px 0px 4px 4px; font-size:10px;}

/* Decibel Table*/

#decibeltable {  font-family: Arial, Helvetica, sans-serif; font-size:12px;width: 220px; text-align:center;}

#decibeltable table {  
  border-collapse: collapse;
  empty-cells: hide;
  text-align:center;
  }
  
#decibeltable td, th {
  border: 1px solid #000000;
  padding: 4px 3px 4px 3px;
  vertical-align:top;
  }
  
#decibeltable th {
  text-align: left;
  background-color: #999966;
  font-weight: bold;
  }

#decibeltable caption {
  text-align: left;
  font-size: 11px;
  padding-bottom:5px;
  padding-left: 2px;
  }
  
#decibeltable tr.alt1 td {
  background-color: #EBF5FC;
  }
  
#decibeltable tr.alt2 td {
  background-color: #EBF4EA;
  }
  
/* Distance Conversion Table*/
  
#distance1 {width: 500px;height: auto;font-family: Arial, Helvetica, sans-serif;border-collapse: collapse;empty-cells: show;text-align: center;}

#distance1 h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align: center;
  }

#distance1 td, th {
  font-size: 12px;
  border: 1px solid #000000;
  padding: 4px 3px 4px 3px;
  }
  
#distance1 th {
  text-align: center;
  background-color: #FF9900;
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  }
  
#distance1 caption {
  text-align: left;
  font-size: 11px;
  padding-bottom:5px;
  padding-left: 2px;
  }
  
  /*white/orange*/
  
#distance1 tr.sub2 td {
  background-color: #FFFFFF;
  font-weight:bold;
  font-size: 12px;
  color: #FF6600;
  }
  
  /*white*/
  
#distance1 .whitecell {
  background-color: #FFFFFF;
  border:none;
  width: 20px;
  }

  /*lt. yellow*/
  
#distance1 .columncell {
  background-color: #FFFFCC;
  }

  /*yellow*/
  
#distance1 .columncell2 {
  background-color: #FFFF99;
  }

/* Power to Miliwatts Conversion Table*/

#conversiontable {width: 440px;height: auto;width: 440px;font-family: Arial, Helvetica, sans-serif;border-collapse: collapse;empty-cells: hide;text-align: center;}
  
#conversiontable h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align: center;
  }

#conversiontable td, th {
  font-size: 12px;
  border: 1px solid #000000;
  padding: 4px 3px 4px 3px;
  }
  
#conversiontable th {
  text-align: center;
  background-color: #FF9900;
  color: #000000;
  font-size:12px;
  }
  
#conversiontable.columncell {
  background-color:#FFFFCC;
  }
  
#conversiontable.columncell2 {
  background-color: #EBF5FC;
  }
  
#conversiontable caption {
  text-align: left;
  font-size: 11px;
  padding-bottom:5px;
  padding-left: 2px;
  }

/* Optical Link Loss Budget Table*/  
  
#linkloss {  width: 440px;height: auto;font-family: Arial, Helvetica, sans-serif;border-collapse: collapse;empty-cells: inherit;text-align:center;}

#linkloss h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align: center;
  }
  
#linkloss caption {
  text-align: left;
  font-size: 11px;
  padding-bottom:5px;
  padding-left: 2px;
  }

#linkloss td, th {
  font-size: 10px;
  border: 1px solid #000000;
  padding: 4px 3px 4px 3px;
  vertical-align:top;
  }
  
#linkloss th {
  text-align: left;
  background-color: #999966;
  font-weight: bold;
  }
  
#linkloss tr.title td {
  background-color: #FFFFFF;
  font-weight:bold;
  font-size: 12px;
  }
  
  /*yellow*/
  
#linkloss tr.alt1 td {
  background-color: #FFFF33;
  color: #000000;
  font-size:12px;
  }
  
  /*blue*/
  
#linkloss tr.alt2 td {
  background-color: #003399;
  color: #FFFFFF;
  font-size:12px;
  font-weight:bold;
  }
  
  /*green*/
  
#linkloss tr.alt3 td {
  background-color: #66CC33;
  color: #000000;
  font-size:12px;
  }
  
/* Decibel Table*/
  
#color {
  width: 440px;
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  empty-cells: inherit;
  text-align:center;
  }
  
#color h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align: center;
  }
  
#color caption {
  text-align: left;
  font-size: 11px;
  padding-bottom:5px;
  padding-left: 2px;
  }

#color td, th {
  font-size: 10px;
  border: 1px solid #000000;
  padding: 4px 3px 4px 3px;
  vertical-align:top;
  }
  
#color th {
  text-align: left;
  background-color: #999966;
  font-weight: bold;
  }
  
#color tr.title td {
  background-color: #FFFFFF;
  font-weight:bold;
  font-size: 12px;
  }
  
  /*blue*/
  
#color tr.alt1 td {
  background-color: #000066;
  color: #FFFFFF;
  font-size:11px;
  font-weight:bold;
  }
  
  /*orange*/
  
#color tr.alt2 td {
  background-color: #FF6600;
  color: #FFFFFF;
  font-size:11px;
  font-weight:bold;
  }
  
  /*green*/
  
#color tr.alt3 td {
  background-color: #009900;
  color: #FFFFFF;
  font-size:11px;
  font-weight:bold;
  }
  
  /*brown*/
  
#color tr.alt4 td {
  background-color: #996600;
  color: #FFFFFF;
  font-size:11px;
  font-weight:bold;
  }
  
  /*gray*/
  
#color tr.alt5 td {
  background-color: #666666;
  color: #FFFFFF;
  font-size:11px;
  font-weight:bold;
  }
  
  /*white*/
  
#color tr.alt6 td {
  background-color: #FFFFFF;
  color: #000000;
  font-size:11px;
  font-weight:bold;
  }

  /*red*/
  
#color tr.alt7 td {
  background-color: #CC0000;
  color: #FFFFFF;
  font-size:11px;
  font-weight:bold;
  }
  
  /*black*/
  
#color tr.alt8 td {
  background-color: #000000;
  color: #FFFFFF;
  font-size:11px;
  font-weight:bold;
  }

  /*yellow*/
  
#color tr.alt9 td {
  background-color: #FFFF33;
  color: #000000;
  font-size:11px;
  font-weight:bold;
  }
  
  /*purple*/
  
#color tr.alt10 td {
  background-color: #9900CC;
  color: #FFFFFF;
  font-size:11px;
  font-weight:bold;
  }

  /*rose*/
  
#color tr.alt11 td {
  background-color: #CC3366;
  color: #FFFFFF;
  font-size:11px;
  font-weight:bold;
  }
  
  /*aqua*/
  
#color tr.alt12 td {
  background-color: #009999;
  color: #FFFFFF;
  font-size:11px;
  font-weight:bold;
  }
  

/* Fiber Optic Color Codes by Fiber Type Table*/


#ftype {
  width: 440px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  border-collapse: collapse;
  empty-cells: show;
  }
  
#ftype h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align: center;
  }

#ftype td, th {
  border: 1px solid #000000;
  padding: 4px 3px 4px 3px;
  }
  
#ftype th {
  font-size: 12px;
  text-align: center;
  background-color: #333333;
  color: #FFFFFF;
  }

#ftype caption {  
  text-align: left;
  font-size: 11px;
  padding-bottom:5px;
  padding-left: 2px;
  }
  
  /*plum*/
  
#ftype .cell {
  background-color: #990066;
  text-align: center;
  font-weight:bold;
  font-size: 12px;
  color: #FFFFFF;
  }

  /*orange*/
  
#ftype .cellorange {
  background-color: #FF9900;
  text-align: center;
  font-size: 11px;
  }
  
  /*white*/
  
#ftype .cellwhite {
  background-color: #FFFFFF;
  text-align: center;
  font-size: 11px;
  }
  
  /*aqua*/
  
#ftype .cellaqua {
  background-color: #00CCCC;
  text-align: center;
  font-size: 11px;
  }
  
  /*slate*/
  
#ftype .cellslate {
  background-color: #999999;
  text-align: center;
  font-size: 11px;
  }
  
  /*green*/
  
#ftype .cellgreen {
  background-color: #00CC33;
  text-align: center;
  font-size: 11px;
  }
  
  /*yellow*/
  
#ftype .cellyellow {
  background-color: #FFFF33;
  text-align: center;
  font-size: 11px;
  }
  
  /*blue*/
  
#ftype .cellblue {
  background-color: #003399;
  text-align: center;
  font-size: 11px;
  color: #FFFFFF;
  }
  
/* Specifications for Optical Fiber Types*/

#opti {
  width: 440px;
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  empty-cells:show;
  }
  
#opti h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align: center;
  }

#opti caption {  
  text-align: left;
  font-size: 11px;
  padding-bottom:5px;
  padding-left: 2px;
  }

#opti td, th {
  font-size: 10px;
  border: 1px solid #000000;
  padding: 4px 3px 4px 3px;
  }
  
#opti th {
  text-align: left;
  background-color:#003399;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 12px;
  }
  
#opti tr.alt1 td {
  background-color: #FFFFCC;
  }
  
#opti tr.alt2 td {
  background-color: #D5E9D7;
  }

  /*Orange*/
  
#opti tr.sub1 td {
  width: 100%;
  background-color: #FF9900;
  text-align: center;
  font-weight:bold;
  font-size: 12px;
  }

  /*Green*/
  
#opti tr.sub2 td {
  background-color: #008531;
  text-align: left;
  font-weight:bold;
  font-size: 12px;
  color: #FFFFFF;
  }
  
  /*Yellow*/
  
#opti tr.sub3 td {
  width: 100%;
  background-color: #FFFF33;
  text-align: center;
  font-weight:bold;
  font-size: 12px;
  }

  /*Gray*/
  
#opti tr.sub4 td {
  background-color: #666666;
  text-align: center;
  font-weight:bold;
  font-size: 12px;
  color: #FFFFFF;
  }

/* Fiber Optic Network Specifications */

#opti2 {
  width: 440px;
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  empty-cells: inherit;
  }
  
#opti2 h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align: center;
  }
  
#opti2 caption {
  text-align: left;
  font-size: 11px;
  padding-bottom:5px;
  padding-left: 2px;
  }

#opti2 td, th {
  font-size: 10px;
  border: 1px solid #000000;
  padding: 4px 3px 4px 3px;
  vertical-align:top;
  }
  
#opti2 th {
  text-align: left;
  background-color: #999966;
  font-weight: bold;
  }
  
#opti2 tr.title td {
  background-color: #999966;
  font-weight:bold;
  font-size: 12px;
  }
  
#opti2 tr.alt1 td {
  background-color: #ECECEC;
  }
  
#opti2 tr.alt2 td {
  background-color: #CCCCCC;
  }
  
  /*Gold*/
  
#opti2 tr.sub1 td {
  background-color: #FFCC66;
  text-align: left;
  font-weight:bold;
  font-size: 11px;
  }
  
  
<!--/* Connection Speeds by Network Type */-->

#opti3 {
  width: 440px;
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  empty-cells: inherit;
  }
  
#opti3 h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align: center;
  }
  
#opti3 caption {
  text-align: left;
  font-size: 11px;
  padding-bottom:5px;
  padding-left: 2px;
  }

#opti3 td, th {
  font-size: 10px;
  border: 1px solid #000000;
  padding: 4px 3px 4px 3px;
  vertical-align:top;
  }
  
#opti3 th {
  text-align: left;
  background-color: #999966;
  font-weight: bold;
  }
  
#opti3 tr.title td {
  background-color: #FFFFFF;
  font-weight:bold;
  font-size: 12px;
  }
  
#opti3 tr.alt1 td {
  background-color: #EBF5FC;
  }
  
#opti3 tr.alt2 td {
  background-color: #EBF4EA;
  }

#inputArea input[type="text"], #inputArea textarea
 {
     font-family: Arial, Sans-Serif;
     font-size: 13px;
     margin-bottom: 5px;
     display: block;
     padding: 4px;
     border: solid 1px #85b1de;
     width: 300px;
     background-image: url( 'formgradient.png' );
     background-repeat: repeat-x;
     background-position: top;
 } 


/* Begin Mktree */

/* Put this inside a @media qualifier so Netscape 4  ignores it */
@media screen, print { 
  /* Turn off list  bullets */
  ul.mktree  li { list-style: none; } 
  /* Control how  "spaced out" the tree is */
  ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }
  /* Provide space for our own "bullet" inside the LI  */
  ul.mktree  li            .bullet { padding-left:  15px;  }
  /* Show "bullets"  in the links, depending on the class of the LI that the link's in */
  ul.mktree  li.liOpen    .bullet { cursor: pointer; background:  url(minus.gif)  center left no-repeat; }
  ul.mktree  li.liClosed  .bullet { cursor: pointer; background:  url(plus.gif)   center left no-repeat; }
  ul.mktree  li.liBullet  .bullet { cursor: default; background:  url(bullet.gif) center left no-repeat; }
  /* Sublists are  visible or not based on class of parent LI */
  ul.mktree  li.liOpen    ul  { display: block; }
  ul.mktree  li.liClosed  ul { display: none; }
  /* Format menu items differently depending on what  level of the tree they are in */
  ul.mktree  li { font-size: 10pt; }
  ul.mktree  li ul li { font-size: 10pt; }
  ul.mktree  li ul li ul li { font-size: 10pt; }
  ul.mktree  li ul li ul li ul li { font-size: 10pt; }
}

/* End Mktree */