@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,700');

body {
  margin : 0px;
  /*background-image: url(img/hexpanel1_large2crop2c.jpg);*/
  background-image: url(img/hex_pattern_out2tile_small_c.jpg);
  /*background-image: url(img/hex_pattern_out3tile_small_c2.jpg);*/
  background-color: #4F4F4F;
  background-repeat: repeat;
  /*color : black; white;*/
  color : #3F3F3F;
  font-family : sans-serif;
  /*font-size : 12pt;*/
}

#top{
  margin : 0px;
  padding : 36px 36px;
  height : 200px;
  /*width : 890px;*/
  /*width : 100%; 880px;*/
  min-width : 890px;
  background-image: url(img/bg2.png);
  background-repeat: repeat-x;
  font-size: 18pt;
  font-weight: bold;
  font-style: normal;
  font-family : sans-serif;
  color : #DDDDDD;
}

#logo{
  margin-right: 5px;
}


#logo2{
  margin-right: 5px;
  /*width:400px;*/
  /*width:374px;*/
  position: absolute;
  top: 36px; /*35px;*/
  left: 164px; /*160px;*/
}

#logo3{
  margin-right: 0px;
  width:395px;
  position: absolute;
  top:49px;
  left: 266px;
}



#pigeon_logo{
  position: absolute;
  /*
     top: 10px;
     left: 510px;
     */
  top : 10px;
  left : 10px;
  
}

#pigeon_text{
  
  position: absolute;
  top: 71px; /*74px;*/
  left: 560px; /*580px;*/
     
}


#fixed{
  font-family: monospace
}



.menu{
  color: #FFFFFF;
  text-align: center;
  /*width: 124px;*/
  /*width: 119px;*/
  width: 104px;
  height:28px;
  background-image: url('img/menu3.png');
  background-repeat: repeat-x;
  margin: 0px;
  /*padding: 4px 0px;*/
  padding: 1px 0px;
  position: absolute;
    /*top: 132px;*/
  top: 120px;
  font-family: 'Titillium Web', sans-serif;
}
      
.menu.menu1{
  position: absolute;
    /*top: 132px;*/
  left: 5px;
}

.menu.menu2{
  position: absolute;
  /*top: 132px;*/
  /*left: 130px;*/
  /*left: 125px;*/
  left: 110px;
}

.menu.menu3{
  position: absolute;
  /*top: 132px;*/
  /*left: 255px;*/
  /*left: 245px;*/
  left: 215px;
}

.menu.menu4{
  position: absolute;
  /*top: 132px;*/
  /*left: 380px;*/
  /*left: 365px;*/
  left: 320px;
}

.menu.menu5{
  position: absolute;
  /*top: 132px;*/
  /*left: 505px;*/
  /*left: 485px;*/
  left: 425px;
}

.menu.menu6{
  position: absolute;
  /*top: 132px;*/
  /*left: 630px;*/
  left: 635px;
}

.menu.menu7{
  position: absolute;
  /*top: 132px;*/
  /*left: 755px;*/
  left: 740px;
}

.menu.menu8{
  position: absolute;
  /*top: 132px;*/
  /*left: 880px;*/
  left: 845px;
}

.menu.menu9{
  position: absolute;
  /*top: 132px;*/
  /*left: 880px;*/
  left: 530px;
}

.hexbody1{
  width : 350px;
  height : 401px;
  background-image: url(img/hexbg1.png);
  background-repeat: no-repeat;
  /*color : white;*/
}


.hexbody1.hexbody1A{
  position: absolute;
  top : 220px;
  left : 10px;
  padding: 80px 0px;
}


.hexbody2{
  width : 250px;
  height : 286px;
  background-image: url(img/hexbg2.png);
  background-repeat: no-repeat;
}


.hexbody2.hexbody2A{
  position: absolute;
  top : 160px;
  left : 370px;
}

.hexbody2AText{
  position: absolute;
  top : 0px;
  left : 0px;
  /*width: 230px; */
  /*color : #5F3F7F;*/
  padding: 70px 2px 70px 10px;
  text-align:left;
  font-size:10pt; /*11pt*/
  line-height:11pt;
}




.hexbody2.hexbody2B{
  position: absolute;
  /*top : 260px;*/
  top : 260px;
  left : 630px;
  /*color : #5F3F7F;*/
  font-weight: bold;
  font-size: 12pt;
  padding: 68px 15px 70px 15px;
  /*line-height: 19px;*/
  line-height: 17px;
  font-family: 'Titillium Web', sans-serif;
}

.hexbody3{
  /*
  width : 550px;
  height : 629px;
  background-image: url(img/hexbg550.png);
     */
  width : 600px;
  /*height : 386px;*/
  height : 686px;
  background-image: url(img/hexbg600.png);
  background-repeat: no-repeat;
  padding: 150px 50px;
  position: absolute;
  top : 160px;
  left : 20px;
  font-size:12pt;
}

.hexbody3Head{
  /*
  width : 550px;
  height : 165px;
     */
  width : 600px;
  
  background-image: url(img/hexbg600head.png);
  background-repeat: no-repeat;
  padding: 100px 10px;
  position: absolute;
  /*top : 175px;*/
  /*left : 70px;*/
  top : 160px;
  left : 20px;
}

.hexbody3Body{
  width : 600px;
  min-height : 210px;
  background-image: url(img/hexbg600body.png);
  background-repeat: repeat-y;
  padding: 0px 50px;
  position: absolute;
  top : 339px;
  left : 20px;
  font-size:11pt;
}



#pigeon_small_logo{
  position: absolute;
  top: 75px;
  left: 195px;
}

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

pre.code_area{
  /*
  background-color: #EEEEEE;
  margin: 0px;
  padding: 20px;
  font-size:10pt;
  font-family:monospace;
  color: #004F8F;
  */
  /*
  margin: 0px;
  padding: 0px;
  border: dashed 2px #cccccc;
  line-height: 1.3em;
  background-color: #ffffff;
  color: #000000;
     */
 
  font-family: "Courier New",Courier,monospace;
  font-size: 10pt;/*1em;*/
  /*color: #007000;*/
  /*color: #005F00;*/
  /*color: #3F3F3F;*/
  color: #1F1F1F;
  background-color: #fafafa;
  border: solid 1px #bbbbbb;
  line-height: 110%; /*120%;*/
  /*margin: 0 0 0 0;*/
  /*padding: 1em;*/
  padding: 8px;
  margin: 0px;
  /*overflow-x: auto;*/
  /*overflow-y: auto;*/
  /*overflow-x: scroll;*/
  overflow-x: auto;
  width: 496;
  
  /** shadow **/
  moz-box-shadow: inset 2px 2px 2px #DDD;
  webkit-box-shadow: inset 2px 2px 2px #DDD;
  box-shadow: inset 2px 2px 2px #DDD;
  
}

.toolbutton{
  height:18px;
  margin: 1px 1px 1px 1px;
  cursor:hand;
}

.tooltab{
  text-align:right;
  float:right;
  position:relative;
  right:0px;
  left:auto;
  width:160px;
  height:20px;
  background-image:url(img/tab-bg.png);
  padding:0px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:5px;
}

.no-vertical-gap{
  line-height:100%;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:2px
}


.tooltip-content {
    position: relative;
    left: -2px;
    top: -2px;
    font-size:10px;
    background-color: #ffffff;
    border: 1x black solid;
    padding: 1px;
}
.tooltip-shadow {
    position: absolute;
    background-image: url('img/shadow.png');
}    


.tutorial_body{
  font-size:11pt;
  padding-top: 0px;
  padding-bottom: 1px;
  margin : 0px;
}

.footer{
  color: #5F5F5F;
  text-align:right;
  font-size:6pt;
}

img{
  border-style: none;
}

.orange{
  color:#FF3F00;
}

.comment{
  color:#7F7F7F;
}

#h{
  /*color:#FF3F00;*/
  /*color:#EE3300;*/
  color:#E42800;
}

#h2{
  color:#7F00FF;
}

#h3{
  color:#007FFF;
}

#h4{
  color:#0000FF;
}

#c{
  color:#7F7F7F;
}


p.tutorial_title{
  margin : 24px 0px 12px 0px;
  font-weight: bold;
  font-size: 12.5pt;
    
}

p.tutorial_subtitle{
  margin : 0px 0px 7px 10px
  
}

#line_icon{
  vertical-align:middle;
  margin-right:0px;
}

a.link.menu{
  color: #FFFFFF;
}
a.visited.menu{
  color: #FFFFFF;
}

a{
  text-decoration: none;
}

a:link{
  color : #3F3F3F;
}

a:visited{
  color : #3F3F3F;
}

a.external{
  background: url(img/external_icon_gray.png) center right no-repeat;
  padding-right: 14px;
}

a.external_menu{
  background: url(img/external_icon_white.png) center right no-repeat;
  padding-right: 14px;
}



/******
   google search
   *****/
/*
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 1em;
  width: auto;
}
.cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
  width: 100%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
*/

/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: transparent !important;
  border: 0px solid #fff !important;
}
/*
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: block;
}
table.gsc-search-box td.gsc-input {
  padding-right: 24px !important;
}
*/

.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0px !important;
}

input.gsc-input {
  font-size: 16px;
  padding: 2px 2px !important;
  border: 0px solid #000000 !important;
  width: 100% !important; /*99%;*/
}


.gsc-input-box {
  border: 0px solid #D9D9D9 !important;
  background: #fff !important;
  height: 24px !important;
}
/*
.gsc-search-box .gsc-input>input:hover,
.gsc-input-box-hover {
  border: 1px solid #b9b9b9 !important;
  border-top-color: #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  outline: none;
}
.gsc-search-box .gsc-input>input:focus,
.gsc-input-box-focus {
  border: 1px solid #4d90fe;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
  outline: none;
}
*/

/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding: 4px !important;
  height: 24px !important; 
  min-width: 24px !important; /*54px;*/
  border: 1px solid #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;

  border-color: #3079ed;
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
}
/*
.cse input.gsc-search-button:hover,
input.gsc-search-button:hover {
  border-color: #2f5bb7;
  background-color: #357ae8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: linear-gradient(top,#4d90fe,#357ae8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#357ae8');
}

.cse input.gsc-search-button:focus,
input.gsc-search-button:focus {
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);
  -moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
  width: 13px !important;
  height: 13px !important;
  padding: 6px 27px !important;
  min-width: 13px !important;
  margin-top: 2px !important;
}
*/





#cse-search-form {
  position:absolute; !important;
  left:655px;/*616px;*/
  top:34px;/*66px;*/
  width: 239px !important;
}

#cse-search-form td {
  padding: 0px !important;
}


table.icongrid {
  margin-top:0px;
  margin-bottom:0px;
  margin-left:-8px;
  margin-right:0px;
  border-collapse:separate;
  border: none;
}