@charset "utf-8";
@import "normalize.css";

fieldset, form {
  border: 0 none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

body {
  background-color:#FFF;
  font-family:sans-serif;
}

#global-header {
  font-family: Arial, sans-serif;
  width: 100%;
  background: #333 url("../img/header-bg.png") repeat-x center bottom;
}

#header-container {
  width:960px;
  margin:0 auto;
}

#header-container #logo {
  float: left;
  padding: 15px 0;
}

#header-container #logo a {
  display: block;
}

#header-container #logo a img {
  float: left;
}

#global-nav {
  font-size: 0;
  float: left;
  width: 100%;
}

#global-nav ul {
  padding: 0;
  float: left;
  line-height: normal;
  list-style: none outside none;
  margin: 0;
}

#global-nav ul li {
  color: #FFF;
  float: left;
}

#global-nav ul li #active-page {
  background-color: #FFF;
  color: #000;
  border-bottom: 4px solid #FFF;
}

#global-nav a {
  text-decoration: none;
  margin-right: 4px;
  display: inline-block;
  font-size: 17px;
  color: #FFF;
  background-color: #666;
  padding: 5px 15px;
  border-bottom: 4px solid #0080FF;
}

#global-nav form {
  float: right;
  font-size: medium;
}

#global-nav form input, div#contact-page #send {
  color: #FFF;
  padding: 5px 15px;
  border: medium none;
  border-bottom: 4px solid #0080FF;
  background-color: #666;
  font-family: Arial, sans-serif;
  border-radius: 0;
  font-weight: normal;
  text-transform: none;
  font-size: 17px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  #global-nav a, #global-nav form input, div#contact-page #send {
    padding: 7px 15px 5px 15px;
  }
}

#global-nav form input:hover, #header-container #search .header-search-button:hover, #global-nav a:hover, div#contact-page #send:hover {
  transition: background-color 250ms;
  -webkit-transition: background-color 250ms;
  background-color: #0080FF;
}

#header-container form#search {
  padding: 16px 0px;
  float: right;
  overflow-x: hidden;  
}

#header-container form#search fieldset {
  margin: 0;
  border: 0 none;
  padding: 0;
}

#header-container form#search input {
  width: 350px;
  color: #000;
  border: 0 none;
  padding: 5px;
  float: left;
  line-height: 20px;
  height: 20px;
  font-family:sans-serif;
  font-size: medium;
  border-radius: 0;
  box-sizing: content-box;
}

#header-container #search .header-search-button {
  background-color: #666;
  background-repeat: no-repeat;
  background-image: url('../img/search-button.png');
  background-position: center center;
  width: 30px;
  height: 30px;
  text-indent: 1000%;
  padding: 0;
  vertical-align: baseline;
  font-size: 0;
}

.container {
  position:relative;
  display:block;
  margin:0 auto;
  width:960px;
}

#builds-page, #faq-page, #quote-request-page, #home-page {
  font-size: small;
}

#builds-page .grid-940 a, #faq-page .grid-940 a, #quote-request-page .grid-940 a {
  color: #0080FF;
}

#home-page a {
  color: #000;
  text-decoration: none;
}

#home-page a h1:hover {
  color: #0080FF;
  border-color: #0080FF;
}

#home-page p a {
  color: #0080FF;
}

#home-page p a:hover {
  text-decoration: underline;
}

#home-page div.grid-940 h2 {
  font-size: large;
  margin: 30px 0;
}

#builds-page h1, #faq-page h1, #quote-request-page h1, #home-page h1, #contact-page h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: x-large;
  border-bottom: 1px solid #AAA;
}

#builds-page h2, #faq-page h2, #quote-request-page h2, #home-page h2, #contact-page h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: large;
  font-weight: normal;
}

.grid-940 {
  width: 940px;
  margin: 0 10px;
}

.grid-460, .grid-700, .grid-380, .grid-540 {
  margin-left: 10px;
  margin-right: 10px;
  float: left;
}

.grid-460 {
  width: 460px;
}

.grid-700 {
  width: 700px;
}

.grid-380 {
  width: 380px;
}

.grid-540 {
  width: 540px;
}

div.grid-460 div.previous pre {
  margin-top: 0;
  margin-bottom: 0;
}

div.grid-460 div.previous ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*
#intro {
  margin:10px;
  display:block;
}

#intro li {
  padding-top:20px;
  font-size: small;
}

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

#intro a:hover {
  text-decoration:underline;
}

#intro h1 {
  font-weight:bold;
  font-size:large;
  border-bottom:solid #C0C0C0 1px;
}

#intro p {
  padding-top:10px;
  font-size:small;
}

.builds_line {
  margin:5px 0 20px;
  width:940px;
  height:1px;
  display:block;
}

.build_container h1 {
  text-align:center;
  font-size:large;
}

.readme_title, .external_libs_title, .source_code_title, .latest_ver_title {
  margin:5px 0;
  width:940px;
  display:block;
  text-align:center;
  font-size:large;
}

.latest_ver_title {
  font-size:x-large;
}

*/

footer#global-footer {
  border-top:1px solid #C0C0C0;
  text-align:center;
  width:940px;
  margin: 20px auto 0 auto;
  padding:10px 0;
  font-family: sans-serif;
  color: #000;
}

footer#global-footer a {
  display:inline-block;
  color:#0080ff;
}

footer#global-footer a:hover {
  text-decoration: underline;
}

footer#global-footer p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 2;
  font-size: small;
}

.latest {
  font-size:medium;
  color:#FFF;
  background-color:#666;
  padding: 10px 0;
  text-align: center;
  text-decoration:none;
}

a.latest {
  display: block;
}

table#external-libs-table tr.latest td {
  padding: 10px 0;
}

table#external-libs-table tr td {
  padding: 5px;
  border: 1px solid #FFF;
}

a.latest:hover {
  text-decoration: none;
  color:#FFF;
  background-color:#0080ff;
  transition: background-color 250ms;
  -webkit-transition: background-color 250ms;
}

table#external-libs-table {
  background-color: #E8E8E8;
  border-collapse: collapse;
  border-style: hidden;
}

div.build_container {
  overflow:hidden;
  width:460px;
  display:block;
  float:left;
  margin:5px 10px;
}

.previous a {
  color:#000;
  text-decoration: none;
}

.previous a:hover {
    text-decoration:underline;
}

/*
#vert_ad_left, #vert_ad_right {
  position:absolute;
  margin-right:0;
  display:block;
  width:160px;
  height:600px;
}
*/

.horizontal_ad {
  display:block;
  margin: 20px auto;
  width: 728px;
  height: 90px;
}

.previous {
  margin-top:1px;
  background-color:#E8E8E8;
  padding:5px;
  font-size:small;
}

/*
div.box_bor .title p {
  color:#FFF;
  border:#666 solid 1px;
  font-size:medium;
  background-color:#666;
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
}

div.title a {
  color:#FFF;
}

div.box_bor .content {
  padding: 5px;
  margin-top:1px;
  background-color:#E0E0E0;
}

div.content p {
  font-size: small;
}

div.content a {
  color:#000;
  text-decoration:none;
}

div.content a:hover {
  text-decoration:underline;
}

.box_bor {
  width:460px;
  display: block;
  float: left;
  margin:5px 10px;
}
*/

.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}

#rss-icon {
  border:none 0;
  margin-top:10px;
  padding:0;
  float:right;
}

/*
.forum_horizontal_ad {
  display:block;
  margin: 0 auto;
  width: 728px;
}

#intro li {
  list-style-type:none;
}


.no-active {
  padding-bottom:4px;
}

*/

/* Forum Styles */

div.container div.grid-940 div#page-header {
  margin-top: 10px;
}

body#phpbb {
  padding-top: 0;
}

/* End Forum Styles */

/* Quote request page */

div#quote-request-page form div.grid-460 div.lib_col p input {
  margin-right: 5px;
}

div#quote-request-page form div.grid-460 div.lib_col p {
  margin: 5px 0;
}

.left_text {
  float:left;
  width: 150px;
  text-align:right;
  margin-right:10px;
  font-size:small;
}

.input_row {
  margin-top:10px;
  display:block;
}

.ex_libs {
  margin-left:150px;
}


.center-text {
  text-align:center;
}

.lib_col {
  width: 200px;
  float:left;
  display:block;
}

.input_col {
  margin-top:20px;
  width:460px;
  float:left;
  display:block;
  margin-left: 10px;
  margin-right: 10px;
  font-size: small;
}

#build_request_submit {
  text-align:center;
  margin-top:20px;
  font-size:x-large;
  background-color: #666;
  color: #FFF;
  border: 0 none;
  padding:5px;
  width:150px;
}

#build_request_submit:hover {
  background-color: #0080FF;
}

/* End custom build request page */

div#contact-page * {
  box-sizing: border-box;
}

div#contact-page form {
  margin: 20px 0;
  width: 100%;
  float: left;
  font-size: small;
}

div#contact-page label {
  float: left;
  margin-bottom: 5px;
}

div#contact-page input, div#contact-page textarea {
  width: 100%;
  margin-bottom: 20px;
}

div#contact-page #send {
  width: auto;
  float: right;
  border: 0 none;
}