body{margin:0;margin-top:100px;background:url(background.png);background-attachment:fixed;background-position:center;font-family:Arial;font-size:12pt;}
#Header{z-index:100;width:100%;position:fixed;top:0;height:60px;background:#000000;color:#ffffff;}
#MenuContainer{position:absolute;width:100%;}
#Menu{margin:0 auto;max-width:800px;width:100%;}
#MenuLeft{float:left;}
#MenuRight{float:right;}
.MenuTabs{display:inline-block;font-size:13pt;height:20px;margin:0px 5px;padding:20px 5px;cursor:pointer;}
#TabSelect{position:absolute;width:0px;height:5px;background:#ab1211;top:55px;display:none;
  -webkit-transition:left .6s ease 0s, width .4s linear 0s, background-color .2s linear .2s;
  transition:left .6s ease 0s, width .4s linear 0s, background-color .2s linear .2s;
}
.Category{margin:0 auto;margin-bottom:70px;width:800px;padding:20px 30px;color:rgb(200,200,200);background: -webkit-linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.04));background: -o-linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.04)); background: -moz-linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.04));background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.04)); border-radius:2px;}
h1{font-family: 'Times New Roman', Times, serif;font-size:30pt;font-weight:bold;}
h2{margin-top:14px;margin-top:6px;margin-bottom:0px;padding-left:12px;}
.fnt1{color:rgba(200,200,200,.6);text-shadow:-2px -1px 1px rgba(0,0,0,.4);margin-top:6px;}
#Solgan{margin-top:0px;font-size:10pt;color:rgb(110,110,110);font-family: 'Times New Roman', Times, serif;font-weight:bold;}
.Container{width:100%;margin-bottom:35px;}
.Tab{min-width:100px;font-size:14pt;border-top-right-radius:2px;border-top-left-radius:2px;padding:1px 15px;padding-top:5px;}
.Content{border-radius:5px;border-top-left-radius:0px;padding:20px 15px 25px 15px;margin-top:0;}
hr{border: 0;height: 1px;margin-bottom:40px;background-image:-webkit-linear-gradient(left, rgba(255,255,255,0.1), rgba(255,255,255,0.75), rgba(255,255,255,0.1)); background-image:-moz-linear-gradient(left, rgba(255,255,255,0.1), rgba(255,255,255,0.75), rgba(255,255,255,0.1)); background-image:-ms-linear-gradient(left, rgba(255,255,255,0.1), rgba(255,255,255,0.75), rgba(255,255,255,0.1)); background-image:-o-linear-gradient(left, rgba(255,255,255,0.1), rgba(255,255,255,0.75), rgba(255,255,255,0.1));}

#DemoPlayerControls{background:rgba(150,0,0,.6);position:absolute;top:0;left:0;height:25px;}
.fixedplayer{position:static;width:560px;height:400px;padding:0px;background:rgba(0,0,0,0);border:solid 1px rgba(200,200,200,.0);z-index:0;}
.externalplayer{position:fixed;width:400px;height:240px;left:10px;top:100px;padding:25px 4px 4px 4px;border-radius:4px;background:rgba(0,0,0,.89);border:solid 1px rgba(200,200,200,.2);z-index:100;}
.IWinBtn{float:right;margin-left:8px;padding:2px 15px;border-top-right-radius:2px;border-top-left-radius:2px;background:rgba(0,0,0,.4);border:solid 1px rgba(0,0,0,.2);border-bottom:0px;cursor:pointer;}
.EWinBtn{float:right;padding:2px 15px;padding-top:4px;border-left:dotted 1px rgba(255,255,255,.2);border-bottom:0px;cursor:pointer;}
.SmallSearch{float:right;width:310px;background:rgba(255,255,255,.7);color:#000000;height:313px;border-top-right-radius:5px;border-top-left-radius:5px;}
.LargeSearch{margin:0 auto;width:100%px;background:rgba(255,255,255,.7);color:#000000;height:313px;border-top-right-radius:5px;border-top-left-radius:5px;}
#DemoWindow{
  float:left;width:450px;height:290px;
}
#DemoWindow.drag{
  position:fixed;
  top:25%;
  left:25%;
  width: auto;
    height: auto;
  box-shadow: 0px 0px 20px 5px white;
 border-radius: 6px;
 z-index:99999;
}
#PopOut:after{
  content:' Pop-Out';
}
#PopOut.show:after{
  content:' Restore';
}

.codedtitle {
  text-align: center;
  color: white;
  text-shadow: 0px -1px black;
  font-weight: bold;
  font-size: 18px;
  padding: 3px 0px;
  background: -webkit-linear-gradient(rgba(173, 178, 186, .6), rgba(173, 178, 186, .04));
  background: -o-linear-gradient(rgba(173, 178, 186, .6), rgba(173, 178, 186, .04));
  background: -moz-linear-gradient(rgba(173, 178, 186, .6), rgba(173, 178, 186, .04));
  background: linear-gradient(rgba(173, 178, 186, .6), rgba(173, 178, 186, .04));
}
.BrwIco {
  max-height: 30px;
  vertical-align: middle;
}
.kbbtn{
/*
  color: rgb(200, 200, 200);
  background: rgba(0, 0, 0, .6);
*/
  background: rgba(200, 200, 200, 1);
 color: rgb(0, 0, 0);
  border-radius: 3px;
  padding: 0px 5px;
  border: solid 1px rgba(255, 255, 255, .0);
  text-decoration: none;
}
.kbbtn::after{
  content: '\2934';
  /*content: '\27B9';*/
}
.scbtn{
  padding: 0px 5px;
  border: 1px solid #ccc;
  font-size: 12pt;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
background-color: #c7c7c7;
box-shadow:-1px -1px 2px  rgba(79, 79, 79, 1) inset, 0px 0px 1px  rgba(92, 92, 92, 1) inset;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  margin: 0 0.1em;
  text-shadow: 0 1px 0 #fff;
  white-space: nowrap;
  border-width: 2px;
  border-style: outset;
}
.syntaxhighlighter {
    overflow: hidden !important;
    overflow-y: auto !important;
}