body {
  font-family: Arial, sans-serif;
}

#container {
  width: 100%;
  margin:0pt auto;
  max-width:1024px;
  width:expression( 
      document.body.clientWidth > 1024 ?
          "1024px":
          "auto" );
}

tr {
  vertical-align: top;
}

div {
/*  border: 1px solid #999;*/
}

#header {
  height: 50px;
}

/*#footer {
  width: 100%;
  
}*/

#selectSample {
  width: 30%;
  display: inline;
}

#code {
  width: 70%;
  display: inline;
}

.codepress {
  width:100%;
  height:550px;
/*  overflow-x: hidden;*/
}

#codeContainer {
  width:80%;
  height:500px;
  padding-left: 9px;
  padding-right: 9px;

}

#selectContainer {
  width:20%;
  height:100%;
  padding-bottom: 3px;
}

#selectCode {
  width:100%;
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  margin-bottom: 3px;
  margin-top: 20px;
}

.category {
  font-size: 85%;
  font-family: Arial, sans-serif;
  font-weight: bold;
  display: block;
}

.categoryItems {
  margin-top: 0px;
  margin-bottom: 0px;
  list-style-type: none;
  font-size: 80%;
  font-family: Arial, sans-serif;
  padding-left: 0px;
}

#outputContainer {
  /*    width: 400px;*/
  /*    height: 400px;*/
  /*    width: 70%;*/
}

#consoleContainer {
  height: 300px;
  width: 30%;
  border: 1px solid #999;
}

iframe {
/*  overflow-x: hidden;*/
}

.contentTable {
  width: 100%;
  height: 100%;
}

#header {
  margin: 0px;
  display: inline;
}

.bluehr {
  background-color:transparent;
  border:0pt none;
  float:left;
  font-size:1.5em;
  font-weight:bold;
  line-height:1.3em;
  margin:0pt;
  padding:0pt 0pt 0pt 0.3em;
}

h2 {
  border-bottom:1px solid #CCCCCC;
  font-size:1.3em;
  margin-bottom:0pt;
  font-family:Helvetica,Arial,sans-serif;
}

.bluediv {
  background-color:#E5ECF9;
  border-top:1px solid #3366CC;
  font-size:1em;
  margin:0pt;
  padding:0.1em 0pt;
  white-space:nowrap;
  width:100%;
}

li.selected {
  padding:0.2em 0pt 0.2em 15px;
  background-color:#E5ECF9;
  color:#000000;
  position:relative;
  text-decoration:none;
  z-index:2;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  vertical-align:middle;
  line-height:100%;
  cursor: default;
}

li {
  padding-left: 15px;
  cursor: pointer;
  text-decoration: underline;
  color: blue;
}

img.expand, img.collapse {
  border:medium none;
  height:inherit;
  margin-bottom: 4px;
  margin-right: 5px;
  padding:0pt;
  position:relative;
  width:9px;
  background-image:url(interactive_sampler_assets/images/sprites.gif);
  vertical-align:middle;
  cursor: pointer;
}

img.collapse {
  background-position: -28px -310px; /* The empty Plus */
}

img.collapse:hover {
  background-position:-28px -508px; /* The filled Plus */
}

img.expand {
  background-position: -28px -246px; /* The empty Plus */
}

img.expand:hover {
  background-position:-28px -444px; /* The filled Plus */
}

/*.separator {
  height: 100%;
  background:#E5ECF9 none repeat scroll 0% 0%;
  border-color:-moz-use-text-color #FFFFFF;
  border-style:1px solid;
  border-width:medium 2px;
  cursor:pointer;
  left:-5px;
  overflow:hidden;
/*  position:absolute;*/
/*  top:0pt;
  margin-top: 63px;
  width:4px;
}*/

#gc-footer-img {
  background-image:url(interactive_sampler_assets/images/sprites.gif);
  background-position:-28px -28px;
  display:inline;
  float:left;
  height:53px;
  margin:12px 0pt;
  width:143px;
}

#gc-footer .text {
  margin:0pt 0pt 0pt 170px;
  padding:30px 0pt;
  text-align:center;
}

#gc-footer {
  color:#666666;
  margin:0pt;
  width:100%;
}

td.footer {
  padding-top: 60px;
}

#lbinner {
  width:expression( 
      document.body.clientWidth > 1100 ?
          "1100px":
          "auto" );
}

#lightbox {
  position: absolute;
}

#overlay {
  width: 1000%;
}

#googleLogoTD {
  text-align:right; 
  vertical-align:middle;
}

#tab_bar {
  margin-top:20px;
  margin-bottom: -2px;
  cursor: pointer;
}

#button_bar {
  text-align: right;
}

.roundedcornr_box {
  float:left;
  margin: 0px 4px;
}

.db_top div {
  background: url(interactive_sampler_assets/images/db_tl.png) no-repeat top left;
}
.db_top {
  background: #92c1f0 url(interactive_sampler_assets/images/db_tr.png) no-repeat top right;
}

.lb_top div {
  background: url(interactive_sampler_assets/images/lb_tl.png) no-repeat top left;
}

.lb_top {
  background: #D0E4F6 url(interactive_sampler_assets/images/lb_tr.png) no-repeat top right;
}

.db_top div, .db_top, 
.lb_top div, .lb_top {
  height: 5px;
  font-size: 1px;
}
.lb_roundedcornr_content,
.db_roundedcornr_content { 
  padding: 0px 10px; 
  font-size: 80%;
}

.lb_roundedcornr_content {
  background-color: #D0E4F6;    
}

.db_roundedcornr_content {
  background-color: #92c1f0;
}