#email_form input.link_target {
  width: 200px;
}
#email_form input.link_prio {
  width: 50px;
}
#email_form input.headline {
  width: 400px;
}

.headline {
  margin-top: -58px;
  margin-bottom: 2em;
}

h1.replaced {
  height: 300px;
  width: 580px;
  text-indent: -9000px;
}

h2.replaced {
  text-indent: -9000px;
  width: 250px;
  height: 75px;
}

h3.replaced {
  text-indent: -9000px;
  width: 300px;
  margin-left: -5px;
  height: 35px;
}

.new_prot form fieldset, .edit_prot form fieldset {
  margin-bottom: 10px;
}
.new_prot form fieldset legend, .edit_prot form fieldset legend {
  padding: 0 2px;
  font-weight: bold;
}
.new_prot form fieldset ul, .edit_prot form fieldset ul {
  margin: 0;
  padding: 0;
}
.new_prot form fieldset ul li, .edit_prot form fieldset ul li {
  list-style-type: none;
  padding: 5px;
  margin: 0;
}
.new_prot form fieldset ul li label, .edit_prot form fieldset ul li label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  width: 140px;
}
.new_prot form fieldset ul li input, .edit_prot form fieldset ul li input {
  width: 250px;
}
.new_prot form fieldset ul li input.numeric, .edit_prot form fieldset ul li input.numeric {
  width: 50px;
}

textarea {
  width: 30em;
  height: 10em;
}

dl {
  margin-top: -10em;
  margin-bottom: 3em;
}

input.submit {
  background-color: yellow;
  cursor: pointer;
  color: black;
  font-weight: bold;
  width: 50px;
}

a.destructive {
  color: red;
  font-weight: bold;
}

.info {
  clear: both;
}

.port p {
  margin-bottom: 10px;
  font-size: 1.8em;
  font-weight: bold;
}
.port p em {
  color: #e71500;
}

.blurb {
  clear: both;
}

.risk {
  width: 540px;
}
.risk .label {
  float: left;
  width: 180px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  padding-top: 1em;
}
.risk table {
  table-layout: fixed;
  float: left;
  width: 360px;
}
.risk table td {
  color: white;
  text-align: center;
  vertical-align: center;
  font-weight: bold;
  font-size: 1em;
}
.risk table td.l1 {
  border: 10px solid white;
  background-color: #d7f8f8;
}
.risk table td.l2 {
  border: 10px solid white;
  background-color: #ffffa7;
}
.risk table td.l3 {
  border: 10px solid white;
  background-color: #ff8c77;
}
.risk table td.active {
  border: none;
}
.risk table td.active.l1 {
  background-color: #b5d6d6;
  color: black;
}
.risk table td.active.l2 {
  background-color: #fffe96;
  color: black;
}
.risk table td.active.l3 {
  background-color: #e71500;
}
.risk table td {
  height: 50px;
}

.exposure {
  width: 540px;
}
.exposure .label {
  float: left;
  width: 180px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  padding-top: 1em;
}
.exposure table {
  table-layout: fixed;
  float: left;
  width: 360px;
}
.exposure table td {
  color: white;
  text-align: center;
  text-overflow: hidden;
  vertical-align: center;
  font-weight: bold;
  font-size: 0.8em;
}
.exposure table td.l1 {
  border: 6px solid white;
  background-color: #d7f8f8;
  width: 60px;
}
.exposure table td.l2 {
  border: 6px solid white;
  background-color: #a9cf9e;
  width: 60px;
}
.exposure table td.l3 {
  border: 6px solid white;
  background-color: #ffffa7;
  width: 60px;
}
.exposure table td.l4 {
  border: 6px solid white;
  background-color: #ffd3ac;
  width: 60px;
}
.exposure table td.l5 {
  border: 6px solid white;
  background-color: #ff8c77;
  width: 60px;
}
.exposure table td.active {
  border: none;
  width: 80px;
}
.exposure table td.active.l1 {
  background-color: #b5d6d6;
  color: black;
}
.exposure table td.active.l2 {
  background-color: #769c6b;
  color: black;
}
.exposure table td.active.l3 {
  background-color: #fffe96;
  color: black;
}
.exposure table td.active.l4 {
  background-color: #e15c35;
}
.exposure table td.active.l5 {
  background-color: #e71500;
}
.exposure .label .descr {
  font-size: 0.8em;
  font-weight: normal;
  margin-top: 5px;
}

.secured {
  width: 540px;
}
.secured .label {
  float: left;
  width: 180px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  padding-top: 1em;
}
.secured table {
  table-layout: fixed;
  float: left;
  width: 360px;
}
.secured table td {
  color: white;
  text-align: center;
  vertical-align: center;
  font-weight: bold;
  font-size: 1em;
}
.secured table td.l1 {
  border: 10px solid white;
  background-color: #d7f8f8;
}
.secured table td.l2 {
  border: 10px solid white;
  background-color: #ffffa7;
}
.secured table td.l3 {
  border: 10px solid white;
  background-color: #ff8c77;
}
.secured table td.active {
  border: none;
}
.secured table td.active.l1 {
  background-color: #b5d6d6;
  color: black;
}
.secured table td.active.l2 {
  background-color: #fffe96;
  color: black;
}
.secured table td.active.l3 {
  background-color: #e71500;
}
.secured table td {
  height: 50px;
}
.secured .label .descr {
  font-size: 0.8em;
  font-weight: normal;
  margin-top: 5px;
}

.firewalls {
  clear: both;
  margin-top: 140px;
}

.port p {
  float: left;
  width: 45%;
}

.firewall_page {
  position: relative;
}
.firewall_page .headline {
  padding-bottom: 0px;
}
.firewall_page .info {
  position: relative;
  top: -80px;
}
.firewall_page h3 {
  color: #222222;
}

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
}

.firewall_page .rules ol {
  list-style: decimal inside;
}
.firewall_page .rules ol li {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  font-family: monospace;
  font-size: 1.2em;
  line-height: 1.8em;
}

input.input_nmapcheckbox {
  width: 20px;
}

.metrics {
  position: relative;
}
.metrics .risk .label {
  position: relative;
  top: 10px;
  left: 50px;
}
.metrics .why {
  position: absolute;
  right: 0px;
  top: 80px;
  background-color: #e15c35;
  font-weight: bold;
  padding: 0.5em;
  color: white;
}
.metrics .why:hover {
  background-color: #fffe96;
  color: black;
  cursor: pointer;
}

.firewall_page .why {
  top: 120px;
}

#left {
  position: relative;
}
#left .tag_sidebar {
  position: absolute;
  top: 0px;
  left: -20px;
}
#left .tag_sidebar ul {
  margin-top: 0px;
}
#left .tag_sidebar ul li {
  padding-right: 10px;
  font-size: 12px;
}
#left .tag_sidebar ul li a {
  color: #4b5954;
}
#left .tag_sidebar ul li a:hover {
  background-color: #4b5954;
  color: white;
}
#left .tag_sidebar ul li.heading, #left .tag_sidebar ul li.heading:hover {
  color: #e15c35;
  background-color: white;
  margin-bottom: 1em;
  margin-top: 2em;
  line-height: 1em;
}
#left .tag_sidebar ul li.active {
  background-color: #4b5954;
}
#left .tag_sidebar ul li.active a {
  color: white;
}

#notyet {
  margin-top: -25px;
}

#nav_callout {
  position: absolute;
  right: 20px;
}

#screenshot #target {
  margin-top: -58px;
}

#screenshot #target, .screenshot {
  position: relative;
}
#screenshot #target .img_caption, .screenshot .img_caption {
  position: absolute;
  z-index: 10;
  top: 0px;
  width: 250px;
  padding-top: 5px;
  border-top: 2px solid #769c6b;
}
#screenshot #target .img_caption p, .screenshot .img_caption p {
  width: 40px;
}
#screenshot #target .img_caption.left, .screenshot .img_caption.left {
  left: -150px;
}
#screenshot #target .img_caption.right, .screenshot .img_caption.right {
  left: 450px;
}
#screenshot #target .img_caption.right p, .screenshot .img_caption.right p {
  margin-left: 200px;
}

#content .screenshot {
  left: 190px;
  width: 550px;
}

div.text ul {
  list-style-type: disc;
}
div.text ul li {
  margin-left: 2em;
}

.fsPage td {
  border-bottom: none;
}

.admin .edit_button {
  position: absolute;
  right: 20px;
}
.admin #edit_modify-sidebar {
  top: 25px;
}
.admin #edit_edit-overview {
  right: 200px;
  top: 175px;
}
.admin #edit_edit-headline {
  right: 200px;
  top: 200px;
}
.admin #edit_edit-content {
  right: 200px;
  top: 230px;
}

#retails pre, #snippet pre {
  font-size: 2em;
  margin-bottom: 1em;
}
#retails label, #snippet label {
  display: block;
}
#retails input, #snippet input {
  margin-bottom: 1em;
}
#retails input.input_text, #snippet input.input_text {
  font-size: 1.8em;
  width: 20em;
}
#retails input.destructive, #snippet input.destructive {
  color: red;
}
#retails textarea, #snippet textarea {
  margin-bottom: 1em;
  width: 100%;
  height: 50em;
  resize: none;
  font-family: Monaco, "Courier New", Courier;
}

.newstyle, .help {
  background-color: #e15c35;
  color: white;
}
.newstyle .banner, .help .banner {
  position: relative;
}
.newstyle .banner #picture, .help .banner #picture {
  position: absolute;
  top: -10px;
  left: 275px;
}
.newstyle #footer p, .help #footer p {
  color: #4b5954;
  font: 9px;
  float: left;
}
.newstyle #footer ul, .help #footer ul {
  float: right;
  list-style: none;
}
.newstyle #footer ul li, .help #footer ul li {
  display: inline;
}
.newstyle #header .logo h2, .help #header .logo h2 {
  text-indent: -1000px;
  background: url(/ui/media/images/playbook-small-trans.gif) no-repeat;
  height: 75px;
}
.newstyle h2, .help h2 {
  margin: auto;
}
.newstyle .col1 h2, .newstyle .col2 h2, .newstyle .col3 h2, .help .col1 h2, .help .col2 h2, .help .col3 h2 {
  width: auto;
}
.newstyle .col1 img, .newstyle .col2 img, .newstyle .col3 img, .help .col1 img, .help .col2 img, .help .col3 img {
  position: relative;
  height: 75px;
  left: 70px;
  margin-bottom: 20px;
}
.newstyle .col1 a img, .newstyle .col2 a img, .newstyle .col3 a img, .help .col1 a img, .help .col2 a img, .help .col3 a img {
  left: 0px;
  height: 50px;
}
.newstyle .left_subhed h2, .help .left_subhed h2 {
  margin: 0px;
  width: 750px;
}
.newstyle h3, .help h3 {
  color: #612918;
  font-weight: normal;
  text-transform: lowercase;
  letter-spacing: 0.2em;
  font-size: 1.2em;
  margin-bottom: 0px;
}
.newstyle .a2 .feature, .help .a2 .feature {
  margin-top: -1.4em;
}
.newstyle .a2 .feature h3, .help .a2 .feature h3 {
  margin-left: -5px;
}
.newstyle .e1 h2, .help .e1 h2 {
  margin-left: 0px;
  width: 500px;
}
.newstyle .signup_form label, .help .signup_form label {
  color: #612918;
  display: block;
}
.newstyle .signup_form input.input_text, .help .signup_form input.input_text {
  font-size: 1.6em;
  padding: 0.4em;
}
.newstyle .signup_form .company input.input_text, .newstyle .signup_form .email input.input_text, .help .signup_form .company input.input_text, .help .signup_form .email input.input_text {
  width: 27.2em;
}
.newstyle .signup_form .company p, .newstyle .signup_form .email p, .help .signup_form .company p, .help .signup_form .email p {
  margin-top: -10px;
  color: #efd3c3;
  position: relative;
}
.newstyle a, .help a {
  color: #efd3c3;
}
.newstyle a:hover, .help a:hover {
  color: white;
}
.newstyle a#first_getit, .help a#first_getit {
  font-size: 1.6em;
}
.newstyle #download_now, .help #download_now {
  border-top: 1px solid white;
  position: fixed;
  left: 860px;
  width: 108px;
  margin: 0px;
}
.newstyle #download_now h3, .help #download_now h3 {
  width: 108px;
}
.newstyle #lastbug, .newstyle #contact, .newstyle #wtf, .help #lastbug, .help #contact, .help #wtf {
  border-top: 1px solid white;
}
.newstyle #lastbug h3, .newstyle #contact h3, .newstyle #wtf h3, .help #lastbug h3, .help #contact h3, .help #wtf h3 {
  margin-left: -5px;
}
.newstyle #lastbug .title, .newstyle #contact .title, .newstyle #wtf .title, .help #lastbug .title, .help #contact .title, .help #wtf .title {
  margin-bottom: 0px;
}
.newstyle #lastbug .time, .newstyle #contact .time, .newstyle #wtf .time, .help #lastbug .time, .help #contact .time, .help #wtf .time {
  color: #efd3c3;
  font-size: 0.6em;
}
.newstyle #contact, .newstyle #wtf, .help #contact, .help #wtf {
  margin-top: 2em;
  line-height: 1.2em;
}
.newstyle #butwait h2, .help #butwait h2 {
  margin-left: 0px;
  width: 500px;
  margin-bottom: 0px;
}
.newstyle #butwait .col1, .newstyle #butwait .col2, .newstyle #butwait .col3, .help #butwait .col1, .help #butwait .col2, .help #butwait .col3 {
  margin-top: -120px;
}
.newstyle #butwait .col1 h3, .newstyle #butwait .col2 h3, .newstyle #butwait .col3 h3, .help #butwait .col1 h3, .help #butwait .col2 h3, .help #butwait .col3 h3 {
  margin-left: -5px;
  width: 300px;
}
.newstyle #butwait p.gpl, .help #butwait p.gpl {
  background: url(/ui/media/images/gpl.png) no-repeat;
  min-height: 200px;
}
.newstyle #gallery p, .help #gallery p {
  display: inline;
  position: relative;
  bottom: -10px;
  left: 175px;
}
.newstyle #gallery .no-display, .help #gallery .no-display {
  display: none;
}
.newstyle #gallery ul, .help #gallery ul {
  list-style: none;
}
.newstyle #gallery ul li, .help #gallery ul li {
  display: inline;
}
.newstyle #gallery ul li a, .help #gallery ul li a {
  position: relative;
  top: 25px;
}
.newstyle #gallery b, .help #gallery b {
  position: relative;
  left: 40px;
  bottom: -20px;
}

.help {
  background-color: #2e515d;
}
.help .logo {
  display: none;
}
.help #main {
  margin-top: 2em;
  min-height: 600px;
}
.help #main label {
  color: white;
}

#calculator .header {
  font-size: 2em;
}
#calculator .header strong {
  color: #fffe96;
}
#calculator .row .field input.input_text {
  font-size: 2em;
  padding: 0.2em;
  width: 180px;
}
#calculator .row .funits {
  font-size: 1.8em;
  margin-top: 18px;
  color: #452913;
}
#calculator .row .extra {
  margin-top: 12px;
}
#calculator .row label {
  color: #fffe96;
  font-size: 1.2em;
}
#calculator .summary .summary_label {
  font-size: 1.4em;
}
#calculator .summary .figure {
  font-size: 1.4em;
}

.popup p {
  color: black;
}

body.newhome .sub .a0, body.newhome .sub .a1, body.newhome .sub .a2, body.newhome .sub .a3, body.newhome .sub .a4, body.newhome .sub .a5, body.newhome .sub .a6, body.newhome .sub .a7, body.newhome .sub .a8, body.newhome .sub .a9, body.newhome .sub .aa, body.newhome .sub .ab {
  background: none;
}
body.newhome .sub .a0 h2, body.newhome .sub .a1 h2, body.newhome .sub .a2 h2, body.newhome .sub .a3 h2, body.newhome .sub .a4 h2, body.newhome .sub .a5 h2, body.newhome .sub .a6 h2, body.newhome .sub .a7 h2, body.newhome .sub .a8 h2, body.newhome .sub .a9 h2, body.newhome .sub .aa h2, body.newhome .sub .ab h2 {
  text-indent: -99999px;
}
body.newhome .sub .shots {
  width: 580px;
  padding-left: 0px;
  padding-right: 0px;
  clear: both;
}
body.newhome .sub .shots img {
  float: left;
  width: 130px;
  margin-left: 30px;
}
body.newhome .sub .text {
  width: 580px;
  padding-left: 0px;
  padding-right: 0px;
}
body.newhome #left li {
  list-style-type: none;
  text-indent: -99999px;
}
body.newhome #left li a {
  background-position: 0px 20px;
}
body.newhome #left li a i {
  display: none;
}
body.newhome #props {
  position: relative;
  width: 900px;
}
body.newhome #props ul.col {
  margin-right: 30px;
  float: left;
}
body.newhome #props ul.col li a {
  font-size: 0.8em;
  color: #5e6f67;
}
body.newhome #props ul.col li a:hover {
  background-color: white;
  color: #e15c35;
}