/* @override http://symphony.local:8888/workspace/css/ptl.css */

/******* Structure *******/

body {
  font-family: helvetica, arial, sans-serif;
  background-color: #000000;
  margin: 0;
}
.wrapper {
  position: absolute;
  left: 50%;
  width: 902px;
  margin-left: -451px;
  padding: 5px 0px;
  background-color: #000000;
}
.layout {
  display: block;
  width: 600px;
  background-color: #000000;
  border-left: solid 150px #cc6600;
  border-right: solid 150px #cc6600;
  height: 100%;
}
.container {
  display: block;
  position: relative;
  width: 900px;
  border: solid #ffce00 1px;
}
.column_C {
  padding: 1em 20px;
  width: 558px;
  border: solid #ffce00;
  border-width: 0px 1px;
  min-height: 500px;
}
.column_L {
  width: 150px;
  float: left;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  overflow: hidden;
  height: 100%;
}
.column_R {
  width: 150px;
  float: left;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
}
.kick {
  height: 271px;
  width: 150px;
  background: url(../images/piercekick.gif);
  bottom: 0;
  position: absolute;
}

/******** content ********/

.content p {
  font-size: 1em;
  color: #ffffff;
}
.content a {
  color: #ffce00;
}
.content a:hover {
  color: #980000;
}
.content table {
  color: #ffffff;
}
.content thead {
  font-weight: bold;
}
.content h3 {
  color: #ffffff;
  padding: 0em;
  margin: 0em;
  font-size: 1.5em;
}
.content h4 {
  color: #ffffff;
  padding: 0em;
  margin: 0em;
  font-size: 1.3em;
}
.portrait {
  float: right;
  margin: 0em 0em 0em 1em;
}

/******** form ********/

form {
  font-size: 1em;
  color: #ffffff;
  padding-top: 1em;
  border-top: 1px dotted #ffce00;
}
form fieldset {
  border: none;
}
form label {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
form input[type="text"], form textarea {
  display: block;
  font-family: helvetica, arial, sans-serif;
  color: #ffffff;
  border: 1px solid #ffce00;
  background-color: #333333;
  font-size: 100%;
}
form input[type="text"]:hover, form textarea:hover {
  background-color: #616161;
}
form input[type="text"]:focus, form textarea:focus {
  background-color: #616161;
}
form input[type="submit"] {
  background-color: #000000;
  color: #ffffff;
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
  display: block;
  border: 1px solid #ffce00;
  outline: none;
}
form input[type="submit"]:hover {
  background-color: #980000;
  outline: none;
}
form input[type="submit"]:active {
  background-color: #660000;
  outline: none;
}
form input[type="submit"]::-moz-focus-inner {
  border: none;
}
form .success {
  margin: 5px 5px 0px;
  padding: .5em;
  display: block;
  background-color: #616161;
}
form .error {
  margin: 5px 5px 0px;
  padding: .5em;
  display: block;
  background-color: #980000;
}

/******** header ********/

.header-in {
  display: block;
  background: #000000 no-repeat url(../images/banner_newest.gif) left;
  height: 108px;
  width: 900px;
  border: #ffce00 solid;
  border-width: 1px 0px;
}
.header-out {
  display: block;
  background-color: #980000;
  height: 110px;
  padding: 15px 0px;
  width: 900px;
  border: #ffce00 solid;
  border-width: 1px;
  margin-bottom: 5px;
}
.header-logo {
  background: no-repeat url(../images/ptl_logo.gif) right;
  float: right;
  width: 110px;
  height: 108px;
}

/******** footer ********/

.footer-in {
  display: block;
  background: #000000 no-repeat url(../images/bannerS.gif) left;
  height: 87px;
  width: 900px;
  border: #ffce00 solid;
  border-width: 1px 0px;
}
.footer-out {
  display: block;
  background-color: #980000;
  width: 900px;
  height: 87px;
  padding: 15px 0px;
  border: #ffce00 solid;
  border-width: 1px;
  margin-top: 5px;
}

/******** navigation & links ********/

.active a {
  text-align: center;
  display: block;
  font-weight: bold;
  text-decoration: none;
  border: solid #ffce00;
  border-width: 0px 0px 1px;
  outline: none;
  color: #ffffff;
  padding: .2em;
  background-color: #980000;
}
.active a:active {
  background-color: #660000;
}
.inactive a {
  text-align: center;
  display: block;
  font-weight: bold;
  text-decoration: none;
  border: solid #ffce00;
  border-width: 0px 0px 1px;
  outline: none;
  color: #ffffff;
  padding: .2em;
  background: #000000;
}
.inactive a:hover {
  background-color: #980000;
}
.inactive a:active {
  background-color: #660000;
}
.links {
  margin: 0em;
}
.links a {
  text-align: left;
  margin: 0em 1em;
  text-decoration: none;
  font-size: .9em;
  padding: 0em .2em;
  display: block;
  outline: none;
  color: #ffffff;
  border: dotted #ffffff;
  border-width: 0px 0px 1px;
}
.links a:hover {
  color: #980000;
  border-color: #980000;
}
.links a:active {
  color: #660000;
  border-color: #660000;
}
.links h5 {
  display: block;
  padding: 0em .5em;
  text-align: left;
  text-decoration: none;
  outline: none;
  color: #ffffff;
  background-color: #980000;
  margin: 0;
}
.links h4 {
  display: block;
  padding: 0em .2em;
  text-align: left;
  text-decoration: none;
  outline: none;
  color: #ffffff;
  margin: 0;
}