html {
  background: url(/img/tile.png);
  height: 100%;
}

body {
  font-family: 'Helvetica Nueue', 'Lucida Grande', Arial, sans-serif;
  margin:0;
  padding:0;
  background: url(/img/top.png) 0 0 repeat-x;
}

a {
  text-decoration: none;
}
footer a {
  color: rgb(116, 66, 66);
  font: italic 16px Arial, sans-serif;
}
footer {
  padding: 20px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}
iframe {
  display: none;
}

header{
  text-align: center;
  padding-top: 10px;
}

#logo {
  /*position: absolute;*/
  margin: 0px auto 55px auto;
  width: 207px;
  height: 105px;
  text-indent: -9999px;
  background: url(/img/logo1.png);
  background-size: 207px 105px
}

.editor {
  width: 100%;
  height: 490px;
  /*display: inline-block;*/
  /*text-align: left;*/
  float:left;
  font-size: 15px;
  box-shadow: 3px 0 2px rgba(0, 0, 0, 0.2), 1px 0 0 rgba(0, 0, 0, 0.2);
}
.editor.input {
  width: 50%;
  margin-left:5px;
  margin-right: 3px;

}

.editor.output {
  width: 49%;
}
.contain-editor{
  width:100%;
  margin:0 auto;
}
#container{
  height: 505px;
  margin: -30px 20px 20px 20px;
}
.error {
  position: absolute;
  left: 60%;
  color: white;
  background: #C44B34;
  padding: 10px;
  top: 10px;
  z-index: 10;
}

.hide {
  display: none;
}

.show {
  display: inline-block;
}
.tab-container, .tab-content {
  height: 95%;
}



.tab-container .panel-container {
  border: solid #666 1px;
  padding: 10px;
  -moz-border-radius: 0 4px 4px 4px;
  -webkit-border-radius: 0 4px 4px 4px;
}

.tab-content {
  padding: 10px;
  padding-bottom: 20px;
  border: solid #EEDCDC 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

}
.tab {
}
/* Theme Blue Tab1 */
.tab, .tab a {
  background: #F1ECD9;
}

.tab-content.blue {
  background: rgb(215, 238, 243);
}

.tab:hover , .tab:hover a {
  background: #F5FCEF;
  opacity: 0.9
}

/* Theme brown Tab2 */
.tab.brown, .tab.brown a {
  background: rgb(245, 247, 206);
}

.tab-content.brown, .tab.jade2html.active, .tab.jade2html.active a {
  background: rgb(245, 247, 206);
}
/*.tab:hover , .tab:hover a {
  background: #F5FCEF;
  opacity: 0.9
}*/

.information {
  text-align: center;
  background: #bada55;
  opacity: 0.8;
  padding: 20px;
  box-shadow: 10px 4px 2px rgba(0, 0, 0, 0.2), 1px 0 0 ;
}

.powered_by {
  margin-left: 50px;
  text-align: center;
}