body {
  font: normal 14px/1.2 'Helvetica Neue', 'Arial'
}

.fork {
  border:0;
  position:absolute;
  top:0;
  right:0;
}

.col {
  width: 980px;
  float: left;
  margin-right:32px;
  margin-bottom: 16px;
	padding-bottom:20px;
	margin:0 auto;
}
.c3 {
  margin-right:0;
}

h3 {
  margin: 0;
  background-color: #C0C0C0;
  /*background-image: linear-gradient(bottom, rgb(128,128,128) 14%, rgb(239,239,239) 57%);*/
  background-image: linear-gradient(bottom, rgb(128,128,128));
  background-image: -o-linear-gradient(bottom, rgb(128,128,128));
  background-image: -moz-linear-gradient(bottom, rgb(128,128,128));
  background-image: -webkit-linear-gradient(bottom, rgb(128,128,128));
  background-image: -ms-linear-gradient(bottom, rgb(128,128,128));
}
/*collapse color*/

h3 a {
  background: url("sprite.png") 15px 9px no-repeat;
  display: block;
  padding: 5px;
  padding-left: 37px;
  margin: 0;
	color:black;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid rgba(128, 128, 128, 0.5);	
}
h3:hover { background: rgb(128,128,128);} /*hover*/
h3.open  { background: rgb(128,128,128);} /*when opend*/
h3.open a {background-position: 13px -25px;}
h3 + div { padding: 10px; }
h2 + div,
.example {
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 20px;
}

/* Pre hide sections with JavaScript on
--- */
h3+div {
  display: none;
}

#th1{width:146px;}
#th2{width:300px;}
#th3{width:154px;}
#th4{width:350px;}

.scrollToTop{width:50px;height:50px;text-align:center;background:whiteSmoke;font-weight:bold;color:#444;text-decoration:none;position:fixed;	top:85%;right:30px;background: url('../img/arrow-topv3.png');}
.scrollToTop:hover{text-decoration:none;}