/* general */
.heading {
	padding: 30px 0px 30px 0px;
	text-align: justify;
}
.monopage {
	padding: 5% 0px 5% 0px;
	min-height: 700px;
}
.section {
	padding-bottom: 60px;
	padding-top: 20px;
}
.section-lines {
	padding-bottom: 60px;
	padding-top: 20px;
	border-top: 1px solid #4d4d4d;
}
.top-border {
	margin-top: 20px;
	border-top: 1px solid #4d4d4d;
}
.last-section {
	padding-bottom: 100px;
	padding-top: 20px;
}
h2.section-title {
	padding-top: 80px;
	margin-bottom: 30px;
	font-family: 'Trebuchet', 'Trebuchet MS', 'Eurostile', 'Verdana', Arial, sans-serif;
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.black {
	color: black;
}
.red {
	color: #ef3e42;
}
.red:hover {
	color: #b92229;
}
.blue {
	color: #51abf9;
}
.blue:hover {
	color: #438bca;
}
.gray {
	color: #999;
}
.dark-gray {
	color: #666;
}
a.dark-gray:hover {
	color: #FF9789;
}
.white-bg {
	background-color: #fff;
}
.whitecol {
	background-color: #fff;
	padding: 3px 15px 10px 20px;
	margin-bottom: 30px;
	overflow: hidden;
}
.shadow-bg {
  -webkit-box-shadow: inset 0 0 80px #222;
	box-shadow:         inset 0 0 80px #222;
}

/* progress bar */

.progress-wrapper {
  display: none;
}

/* navigation */
.nav li a {
	padding-left:20px;
	padding-right:20px;
	text-align: center;
}
#navbar{
    position: fixed;
    top: 50px;
    width: 100%;
    background: #222;
		border: 0px;
		z-index: 50;
		height: 37px;
		font-size: 12px;
		border-top: 10px solid #222;
		line-height: 50%;
		padding-left: 10px;
}
#navbar li a { 
    float: left;
		text-align:center;
		padding-left:10px;
		padding-right:10px;
}

.nav li.active a{
    color: #f55;
}

a.anchor {
    position:relative;
    top:-80px;
    text-decoration: none !important;
}

/* typography */

h1, h2, h3, h4, h5, h6 {
	font-family: "Eurostile", "Jura", "Trebuchet MS", Monaco, Consolas, "Courier New", monospace;
}

h1.title {
	font-size: 80px;
	margin: 80px 10px 0px 40px;
	padding-bottom: 10px;
	line-height: 90%;
	color:#808080;
	text-align: left;
	font-family: 'Trebuchet MS', 'Eurostile', 'Verdana', Arial, sans-serif;
}
.top-row {
	padding-top: 30px;
    padding-bottom:40px;
}
.subheading h1 {
	margin-bottom:0px;
}
h4 {
	font-size: 34px;
}
body a:hover, body a:active {
	text-decoration: none;
	outline: 0px;
}
a em {
	color: #438bca;
}
form {
	background-color: #f2f2f2;
	border: 1px solid #333;
	color: #666;
	padding: 20px 20px 15px 20px;
}
thead tr {
	color: #ccc;
}
tbody {
	color: #999;
}
th {
	font-weight: normal;
}
tbody th {
	color: #5B98CE;
}
tbody th:hover {
	color: #b9dfff;
	text-shadow: 0px 0px 5px black;
}
.red-table table tbody tr th {
	color: #b92229;
}
.red-table table tbody tr th:hover {
	color: #ef3e42;
	text-shadow: 0px 0px 5px black;
}
/* index page */
.logo {
	text-align: center;
	padding-top: 50px;
    font-size: 1.25em;
}
.frontpage {
	height: 460px;
}
.quickdownload {
	font-family: 'Jura';
	width: 440px;
	height: 175px;
	margin-top: 5px;
	padding: 5px;
	text-align: center;	
}
.features {
	min-height: 900px;
	min-width: 500px;
	padding-top: 0px;
	margin-top: 0px;
	text-align: center;
}
.features div.row {
	padding-top: 10px;
	padding-bottom: 30px;	
}

.illustrations img {
	margin: 0px auto 20px auto;
}


/* downloads page */
.latest {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	background-image: url('background/downloads-bg.png');
	background-position: bottom center;
	background-repeat: repeat-x;
	height: 280px;
}
.latest h2 {
	padding: 30px 20px 50px 20px;
}
.version-buttons button:hover, .version-buttons button:focus {
	text-decoration: none;
}
.tool-buttons button:hover, .tool-buttons button:focus {
	text-decoration: none;
	color: #438bca;
}


/* documentation page */
.docs-content {
	padding-top: 40px;
	overflow: hidden;
}
#docs-nav{
	padding: 10px 0px 10px 15px;
	font-size: 14px;
	line-height: 110%;
	background-color: rgba(240, 240, 240, 0.9);
}
#docs-title {
	font-size: 14px;
	color: #ccc;
	width: 100%;
	margin: 0px;
	padding: 3px 15px 2px 0px;
	background-color: #1a1a1a;
}
#docs-title:hover, #docs-title:active, #docs-title:focus {
	background-color: #222;
}
.markdown {
	padding: 20px 50px 60px 60px;
	font-family: 'Eurostile', 'Trebuchet MS', 'Jura';
    color: #ccc;
}
.markdown p {
	line-height: 140%;
	margin-bottom: 20px;
	font-size: 16px;
}
.markdown h1 {
	font-size: 36px;
	padding-top: 30px;
	margin-bottom: 40px;
}
.markdown h2 {
	font-size: 26px;
}
.markdown blockquote {
	font-size: 14px;
	margin-left: 40px;
	border-left: 1px solid #4d4d4d;
	text-align: justify;
	padding: 5px 60px 5px 10px;
}
.markdown a {
	color: #ccc;
    text-decoration: underline;
}
.markdown a:hover, a:focus, a:active {
	color: #555;
    text-decoration: underline;
}
.markdown p code {
    color: #ccc;
    background-color: #444;
}
.docs-links { 
	margin-left: 5px;
}

/* contact page */
.news {
	background-image: url('background/teeth.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	vertical-align: bottom;
}
.contact-bg {
	background-image: url("background/contact-bg.png");
	background-repeat: no-repeat;
	background-position: top right;
}
.mailinglists-bg {
	background-image: url("background/mailbox.png");
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 220px;
}
.mailinglists-bg ul {
	margin-top: 20px;
	margin-bottom: 20px;
}
.report-bug {
	height: 170px;
	background-image: url('background/reports-14.png');
	background-repeat: no-repeat;
	background-position: top center;
}
.report-bug:hover {
	background-position: bottom;
}
.report-malware {
	height: 170px;
	background-image: url('background/reports-15.png');
	background-repeat: no-repeat;
	background-position: top center;
}
.report-malware:hover {
	background-position: bottom;
}
.report-fp {
	height: 170px;
	background-image: url('background/reports-13.png');
	background-repeat: no-repeat;
	background-position: top center;
}
.report-fp:hover {
	background-position: bottom;
}
.blurb {
	padding: 15px 10px 10px 10px;
	margin: 10px;
	height: 180px;
	font-size: 14px;
	text-align: left;
	line-height: 120%;
	color: #ccc;
}
.blurb strong {
	color: white;
	padding-bottom: 5px;
}

/* forms */
form {
  border: 0px;
}
.file-field {
  margin-top: 30px;
  margin-bottom: 15px;
}
.form-bg {
  background-color: #f2f2f2;
}
.form-footer {
  height: 80px;
}
#submit_btn {
  margin-top: 15px;
}

/* about page */

.list1 {
	margin: 15px 0px 30px 0px;
}
.list1 li {
	font-size: 16px;
	text-shadow: 0px 0px 5px #000;
	line-height: 120%;
	padding: 5px 10px 7px 10px;
}

/* buttons */
.dwn-btn {
	background-color: #b83033;
	height: 50px;
	width: 290px;
	margin-top: 40px;
	border-radius: 5px;
	text-align: center;
	color: black;
	font-family: 'Jura', 'Futura', Helvetica, sans-serif;
	font-size: 24px;
	line-height: 200%;
	background-image: url('background/arrow-tiny.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}
.top-row .dwn-btn { margin-top:10px;}
.dwn-btn:hover, .red_btn:active {
	background-color: #ef3e42;
	color: white;
	background-position: top right;
}
.back-btn {
	background-image: url('background/up-arrow.png');
	background-position: center 0px;
	background-repeat: no-repeat;
	color: #333;
}
.back-btn:hover {
	background-color: #222;
	background-position: center bottom;
	color: #f2f2f2;
}

/* footer */
.footer {
  background-color: #222;
  border: 1px solid #111;
  padding-top: 5px;
  z-index: 1000;
  height: 140px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.footer p {
	padding-top: 3px;
	font-size: 10px;
	height: 50px;
}
img.TM {
	z-index:0;
    padding-bottom:30px;
}

/* 404 Page */
.stars {
	background-image: url('background/stars.png');
}
.spin {
	padding: 30px;
	-webkit-animation:spin 5s linear infinite;
	-moz-animation:spin 5s linear infinite;
	animation:spin 5s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }