body
  {
  padding:      0;
  margin:       0;
  background:   #000d12 url("/skin/img/transparent/bg.png") repeat-x;
  color:        #cccccc;
  font-family:  Arial, sans-serif;
  font-size:    11pt;
  }
img
  {
  border:       none;
  }
a
  {
  color:        #fff;
  }
textarea
  {
  font-family:  Arial, sans-serif;
  font-size:    8pt;
  }
#content
  {
  width:    962px;
  margin:   auto;
  padding:  0;
  clear:    both;
  }

#logo
  {
  float:          left;
  padding-bottom: 0;
  }
#join
  {
  float:          right;
  padding-right:  20px;
  padding-top:    40px;
  }

#main
  {
  border: none;
  clear:  both;
  }
#splash,#overhead
  {
  position:     relative;
  }
#overhead
  {
  padding-top:  26px;
  }
#toggler
  {
  position: absolute;
  top:      13px;
  right:    24px;
  }
#toggler a
  {
  text-decoration: none;
  margin: 0;
  }
#footer
  {
  clear:          both;
  margin:         20px auto 30px;
  width:          962px;
  text-align:     center;
  font-size:      10px;
  }
#footer a,#footer a:active,#footer a:visited
  {
  text-decoration:  none;
  border-left:      1px dotted #777;
  color:            #00baff;
  padding:          5px 20px 5px 20px;
  margin:           0;
  }
#footer a:hover
  {
  text-decoration: underline;
  }
#footer a.first
  {
  border-left: none;  
  }
#footer .legal
{
  padding-right: 20px;
}
#footer .legal a
{
  border-left: none;
  padding: 5px 0 5px 0;
}
#footer .legal a img
{
  position: relative;
  top:      4px;
}
#content li
  {
  list-style:   disc;
  color:        #00baff;
  margin-left:  20px;
  }
#content li span
  {
  color: #cccccc;
  }
#about,#overview
  {
  clear:          both;
  width:          900px;
  margin:         36px 0 40px 20px;
  padding-top:    20px;
  padding-left:   20px;
  border:         1px solid #343434;
  border-top:     none;
  background:     url('/skin/img/transparent/ruler.png') repeat-x black;
  position:       relative;
  }
#overview
  {
  margin-top:     36px;
  padding-top:    20px;
  position:       relative;     
  }
#about .content
  {
  float:          left;
  margin-left:    80px;
  width:          660px;
  padding-bottom: 15px;
  margin-bottom:  35px;
  }
#overview .content
  {
  margin-left:    20px;
  width:          850px;
  padding-bottom: 15px;
  margin-bottom:  35px;  
  }
#overview .diagrams a
  {
  padding:          60px 0 0 20px;
  background:       url('/skin/img/transparent/overview/arrow.png') no-repeat;
  }
#overview .diagrams a.first
  {
  padding: 60px 0 0 0;
  background: none;
  }
#about .content a,#about .content a:visited,#about .content a:active
  {
  color:            #00baff;
  text-decoration:  none;
  }
#about .content a:hover
  {
  text-decoration: underline;
  }
h2
  {
  margin:         0 0 20px 0;
  padding:        0 0 20px 0;
  font-size:      20pt;
  font-weight:    normal;
  color:          #00baff;
  border-bottom:  1px solid #343434;
  }
h3,#about .team .name
  {
  margin:       25px 0 25px 0;
  padding:      0;
  font-size:    16pt;
  font-weight:  normal;
  color:        #00baff;
  }
#about .team .name
  {
  margin-top:     0;
  color:          #cccccc;
  margin-bottom:  2px;
  }
#about .team .links a
  {
  font-size:        7pt;
  margin-right:     8px;
  padding-left:     8px;
  border-bottom:    none;
  border-left:      1px dotted #cccccc;
  }
#about .team .details
  {
  margin-top: 40px;
  }
#about p,#overview p
  {
  text-align: left;
  margin-left: 20px;
  }
.diagrams
  {
  position: relative;
  }
.diagrams h3
  {
  padding-left: 10px;
  padding-top:  10px;
  border-top:   1px solid #343434;
  font-size:    24pt;
  color:        #ffffff;
  }
#overview .diagrams a#botdef-anchor
  {
  background: none;
  padding:    0;
  color:      #00baff;
  position:   absolute;
  top:        20px;
  right:      24px;
  }
#overview .diagrams a#botdef-anchor:hover
  {
  text-decoration: underline;
  }
#nav
  {
  float: left;
  }
#nav a
  {
  display:          block;
  text-decoration:  none;
  margin-bottom:    7px;
  }
.photo
  {
  border: 1px solid #cccccc;
  margin: 4px;
  }
#about .jobs
  {
  float: right;
  border-top:  1px solid #343434;
  margin-top: 20px;
  padding-top: 15px;
  width: 100%;
  text-align: right;
  }
#about .top-jobs
  {
  float: right;
  padding-top: 5px;
  }
#about .jobs a,#about .top-jobs a
  {
  border: none;
  }
#location
  {
  width:  320px;
  float: left;
  }
#map
  {
  width:  300px;
  height: 300px;
  border: 1px solid #cccccc;
  margin: 0 0 4px 0;
  padding: 4px 4px 4px 0;
  background: #fff;
  }
#message
  {
  float: left;
  width: 280px;
  padding-left: 40px;
  }
#message h3
  {
  margin-top: 0;
  }
.hidden
  {
  display: none;
  }
.selectable
  {
  cursor: pointer;
  }
.clear
  {
  clear: both;
  font-size: 1px;
  }
form .field
  {
  clear: both;
  padding-top: 10px;
  padding-left: 100px;
  }
#messaging form .field
  {
  padding-left: 0;
  }
form .label
  {
  float: left;
  width: 200px;
  }
#messaging form .label
  {
  float: left;
  width: 110px;
  }
form .mandatory
  {
  color: red;
  }
form .input
  {
  float: left;
  width: 320px;
  }
#messaging form .input
  {
  width: 170px;
  }
form .input input
  {
  width: 300px;
  }
#messaging form .input input
  {
  width: 167px;
  }
form .field input[type='submit']
  {
  margin-top: 20px;  
  }
#messaging form .field input[type='submit']
  {
  margin-top:  5px;
  margin-left: 110px;
  }
#joined
  {
  padding: 0 0 40px 96px;  
  }
.success,.error
  {
  position: absolute;
  margin:   20px 0 20px 0;
  padding:  0 10px 16px 45px;
  background: no-repeat 2px 2px;
  color: #ffffff;
  font-size: 7pt;
  }
.success
  {
  background-image: url('/skin/img/transparent/success.png');
  }
.error
  {
  background-image: url('/skin/img/transparent/error.png');
  }
.apply
  {
  font-size: 11px;  
  }