div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 5px;
  background-color: #cae8ca;
  border: 2px solid #4CAF50;
  font-family: Arial;
  font-size:14px;
  font-weight:bold;
}

#feedback {
  height: 104px;
  width: 104px;
  position: fixed;
  top: 20%;
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback a {
  display: block;
  background: #f00;
  height: 15px;
  width: 90px;
  padding: 8px 16px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 1px #333;
  border-left: solid 1px #333;
  border-right: solid 1px #fff;
}

#feedback a:hover {
  background: #06c; } 	

#popcat
{
	font-size: 80%;
	position:absolute;
	top:5px;
	right:5px;
}


hr {  border: 0;
      width: 75%;
      color: #ff00ff;
      background-color: #cdcdcd;
      height: 1px;
}


h4 {  text-transform: uppercase;
      font-size: 1.2em;
      margin-bottom: 5px;
      color: #00ffff;
      text-align: center;
      font-family: Verdana,Arial,Helvetica,sans-serif;
}

h1 {  text-transform: uppercase;
      font-size: 1.2em;
      margin-bottom: 5px;
      color: #500000;
      background-color: gray;
      text-align: center;
      font-family: Verdana,Arial,Helvetica,sans-serif;
}

a   { color: #0000ff;
      text-decoration: none; }

a:hover { color: yellow;
          background-color: blue; }


#button {
	width: 140px;
	height: 30px;
	font-family: Verdana, Arial, sans-serif;
	color: black;
	font-size: 0.9em;
	background-color: #91C1E3;
	border-width: 2px;
	border-color: #0C5487;
}

#button:hover {
	color:  #ff00ff;
	background-color: #ffC100;
	border-color: #ffff00;
}

#longbut {
        width: 400px;
        height: 40px;
        font-family: Verdana, Arial, sans-serif;
        color: YELLOW;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        border-radius: 5px; 
        font-size: 1.0em;
        background-color: RED;
        border-width: 2px;
        border-color: #0C5487;}

#sqbut {
        width: 75px;
        height: 35px;
        font-family: Verdana, Arial, sans-serif;
        color: YELLOW;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        border-radius: 5px; 
        font-size: 1.0em;
        background-color: RED;
        border-width: 2px;
        border-color: #0C5487;}

input[type='checkbox']
{       -webkit-appearance:none;
        width:30px;
        height:30px;
        background:white;
        border-radius:5px;
        border:2px solid yellow;
}

input[type='checkbox']:checked {
        background:green;
        border:3px solid #ff00ff;
	border:2px solid blue;
}


input[type='radio']
{       -webkit-appearance:none;
        width:40px;
        height:40px;
        background:white;
        border-radius:15px;
        border:2px solid gray;
}

input[type='radio']:checked {
        background:limegreen;
        border:3px solid #ff00ff;
	border:4px solid magenta;
}


input[type='file'] {
        width: 300px;
        height: 25px;
        font-family: Verdana, Arial, sans-serif;
        color: black;
        font-size: 1.2em;
        background-color: wheat;
        border-width: 2px;
        border-color: #0C5487;}

#button:hover {
        color:  yellow;
        background-color: blue;
        border-color: #ffffff;
        border-width: 2px;   }

input[type='text'] {
	font-family: Verdana, Arial, sans-serif;
        font-size: 20px;
        border: 1px solid #ccc;
	line-height: 20px;
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        border-radius: 5px;  }

input[type='email'] {
	font-family: Verdana, Arial, sans-serif;
        font-size: 20px;
        border: 1px solid #ccc;
	line-height: 20px;
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        border-radius: 5px;  }

input[type='number']{
	font-family: Courier;Verdana, Arial, sans-serif;
	font-size:20px;
        border: 1px solid #ccc;
	line-height: 20px;
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        border-radius: 5px;  }

textarea{
	font-family: Verdana, Arial, sans-serif;
        font-size: 20px;
        border: 1px solid #ccc;
	line-height: 20px;
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        border-radius: 5px;  }

select{ font-family: Arial, sans-serif;
        font-size: 18px;
        border: 1px solid #ccc;
	line-height: 20px;
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        border-radius: 5px;  }

blockquote {
        border: 3px double #9D4138;
        padding: 20px;
        background-color: khaki;
        font-family: Verdana;
        font-size: 16px;
        color: black; }
pre.license {
	height: 400px;
	overflow: auto;
}

.docs #content pre {
	width: 480px;
}

pre.prettyprint {
	font-size: 12px;
	background: url(../img/bg.jpg);
	display: inline-block;
	min-width: 600px;
}