/* general formatting */

body {
  margin: auto; 
  background-image: url("/images/color-ramp2.jpg"); 
  background-repeat: repeat-x; 
  background-color:#222222; 
  color: #FFFFFF; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: .8em;
  padding-left: 5px;
  line-height: 1.3;
}

img { 
  border:0px;
}

a { 
  color: #3399FF; 
  font-weight: bold; 
  font-size: 12px;
}

a.branchLink {
  font-weight: bold;
}

#breadCrumb {
  font-weight: bold;
}

h1 { font-size: 1.5em }
h2 { font-size: 1.35em }
h3 { font-size: 1.2em }
h4 { font-size: 1.05em }
h5 { font-size: .9em }

tt,
code,
pre {
  font-size: 1.12em;
  font-family: monospace;
}

p.code {
  margin-left: 20px;
  font-size: 1.12em;
  font-family: monospace;
}

.ul {
  text-decoration: underline;
}

label ,
caption {
  font-weight: bold;
}

table.dataTable {
  border: 1px solid #FFFFFF;
  border-collapse: collapse;
  empty-cells: show;
  font-weight: normal;
  height: auto;
}

table.dataTable caption {
  font-weight: bold;
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
}

table.dataTable th.col {
  background-color: #BBBBBB;
  color: #000000;
  padding: 5px 5px 5px 5px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #FFFFFF;
}

table.dataTable td {
  padding: 5px 5px 5px 5px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #FFFFFF;
}

.cntr {
  text-align: center;
}

.nowrap {
  white-space: nowrap;
}
.orangeArrow {
  height: 8px;
  width: 5px;
}

.arrowLink {
  color: #3399FF; 
  font-family: Verdana, Arial, Helvetica;
}

.indent {
  margin-left: 20px;
}

#mainBody {
  background-color: #222222;
  border: none;
  width: 771px;
  margin-top: 0px;
  margin-left:auto; 
  margin-right:auto;
}

#content {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

#masthead {
  position: relative;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

#AFRL_DSRC_Logo {
  width: 500px;
  height: 120px;
}

#mast_right {
  position: absolute;
  top: 20px;
  right: -5px;
}

#tag_line {
  width: 197px;
  height: 35px;
}

#main_menu {
  white-space: nowrap;
}

#menu_bar {
  width: 701px;
  height: 31px;
}

#menuContainer {
  cursor: pointer;
}

#pic_row {
  position: relative;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  width: 700px;
  height: 135px;
}

#pic_row img {
  float: right;
  margin-left: 5px;
}

/* ===================================================================
   Begin Consolidated Styles
====================================================================== */
div.consolidated_row {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  clear: both;
}

div.consolidated_row p.full {
  width: 700px;
  clear: both;
  margin-top: 15px;
  margin-bottom: 15px;
}

div.main_row {
  position: relative;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#consolidated {
  margin: auto;
  background-image: none;
  background-color:#FFFFFF;
  color:#000000;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: .8em;
  padding-left: 5px;
}

p.site_header {
  font-weight: bold;
}

p.consolidated_header {
    font-size: 1.1em;
    font-weight: bold;
}

table.consolidated {
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  text-align: left;
}

table.consolidated th {
  font-weight: bold;
  border: 1px solid black;
  padding: 5px 5px 5px 5px;
  white-space: nowrap;
  background-color: #cccccc;
}

table.consolidated td {
  border: 1px solid black;
  padding: 5px 5px 5px 5px;
  white-space: nowrap;
}  

table.consolidated tr.header {
  font-weight: bold;
  border: 1px solid black;
  padding: 5px 5px 5px 5px;
  white-space: nowrap;
  background-color: #cccccc;
}  

/* ===================================================================
   Begin Story Styles
====================================================================== */
#story_row {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  height: 80px;
}

#story_left {
  width: 220px;
  float: left;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#story_center {
  width: 220px;
  float: left;
  padding: 0px 10px 0px 10px;
  margin: 0px 0px 0px 0px;
}

#story_right {
  width: 220px;
  float: right;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 0px;
}

/* ===================================================================
   Begin Contact Us Styles
====================================================================== */
#contact_row {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#vInfo {
  width: 340px;
}

#main_address {
  position: relative;
  left: 350px;
  top: -45px;
  width: 350px;
  margin: 0px 0px -35px 0px;
  padding: 0px 0px 0px 0px;
}

#main_address p.headertitle_contact {
  text-align: center;
  font-size: 1.1em;
  font-style: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#main_address p.contact {
  font-size: .9em;
  font-style: italic;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* ===================================================================
   Begin Application & Systems Styles
====================================================================== */
#application_row {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  height: 80px;
}

.col_left,
#col_left {
  width: 220px;
  float: left;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.col_center,
#col_center {
  width: 220px;
  float: left;
  padding: 0px 10px 0px 10px;
  margin: 0px 0px 0px 0px;
}

.col_right,
#col_right {
  width: 220px;
  float: right;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 0px;
}

/* ===================================================================
   Begin Hardware Styles
====================================================================== */
#hardware_row {
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#hardware_row p.float {
  width: 220px;
  float: left;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 20px 0px;
  text-align: center;
}

#hardware_row p.full {
  width: 700px;
  clear: both;
  margin-top: 15px;
  margin-bottom: 15px;
}

#hardware_row ul {
  width: 440px;
  text-align: left;
  float: left;
  margin-left: 15px;
  padding-left: 15px;
  margin-top: 0px;
}

#hardware_doc_row {
  text-align: center;
  margin-top: 15px;
  clear: both;
}

div.msas_row {
  margin-top: 15px;
  width: 700px;
  height: 150px;
}

img.msas {
  float: left;
  padding: 0px 20px 5px 0px;
}

/* ===================================================================
   Begin Support & Services Styles
====================================================================== */
#customer_row {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#customer_row p.float {
  width: 328px;
  float: left;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 20px 0px;
}

/* ===================================================================
   Begin Outreach Styles
====================================================================== */
#outreach_row {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#outreach_row p.float {
  width: 328px;
  float: left;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 20px 0px;
}

div.main_desc {
  position: relative;
  width: 219px;
}

div.main_img {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 400px;
  z-index: 1;
}

div.main_left {
  position: relative;
  width: 300px;
}

div.main_right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 300px;
  z-index: 1;
}

div.local_left {
  position: relative;
  width: 300px;
}

div.local_right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 350px;
  z-index: 1;
}


/* ===================================================================
   Begin Journal Styles
====================================================================== */
#journal_row {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#journal_row p.float {
  width: 210px;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 15px 20px 0px;
  text-align: center;
}

#journal_row img {
  width: 150px;
  height: 194px;
}

div.journal_left {
  position: relative;
  text-align: center;
  width: 200px;
}

div.journal_center {
  position: absolute;
  text-align: center;
  top: 0px;
  right: 250px;
  width: 200px;
  z-index: 2;
}

div.journal_right {
  position: absolute;
  text-align: center;
  top: 0px;
  right: 0px;
  width: 200px;
  z-index: 1;
}

div.hardware_left {
  position: relative;
  text-align: center;
  width: 200px;
}

div.hardware_center {
  position: absolute;
  text-align: center;
  top: 0px;
  right: 250px;
  width: 200px;
}

div.hardware_right {
  position: absolute;
  text-align: center;
  top: 0px;
  right: 0px;
  width: 200px;
}

div.HPC_left {
  position: relative;
  width: 200px;
  height: 150px;
}

div.HPC_right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 400px;
  z-index: 1;
}

/* ===================================================================
   Begin Video Styles
====================================================================== */
#video_row {
  position: relative;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#video_row p {
  text-align: center;
  width: 70%;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

#video_row p.float {
  width: 210px;
  height: 160px;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 15px 20px 0px;
  text-align: center;
}

#video_row img {
  padding: 0px 10px 10px 10px;
}
div.video_left {
  position: relative;
  text-align: center;
  width: 200px;
  padding: 5px 5px 5px 5px;
}

div.video_center {
  position: absolute;
  text-align: center;
  top: 0px;
  right: 250px;
  width: 200px;
  z-index: 2;
  padding: 5px 5px 5px 5px;
}

div.video_right {
  position: absolute;
  text-align: center;
  top: 0px;
  right: 0px;
  width: 200px;
  z-index: 1;
  padding: 5px 5px 5px 5px;
}

#hotel_row {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#hotel_row p.float {
  width: 200px;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 15px 20px 0px;
}

/* ===================================================================
   Begin Success Story Styles
====================================================================== */
#success_row {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#success_row p.full {
  width: 700px;
  height: 130px;
  clear: both;
  margin-top: 15px;
  margin-bottom: 15px;
}

div.success_left_img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 150px;
  padding: 5px 5px 5px 5px;
}

div.success_right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 550px;
  padding: 5px 5px 5px 5px;
  z-index: 1;
}

div.success_left {
  position: relative;
  width: 550px;
  padding: 5px 5px 5px 5px;
}

div.success_right_img {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 150px;
  padding: 5px 5px 5px 5px;
  z-index: 1;
}

#success_row {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#success {
  width: 466px;
  height: 182px;
  background-image: url(images/success-stories-ani.gif);
}

#successLinks {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 219px;
  height: 182px;
  z-index: 1;
}

#successLinks p a {
  color: #FFFFFF;
  font-weight: bold;
}

#ug_row {
  position: relative;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#ug_row p {
  margin: 5px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
}

#ug_row #ug {
  width: 213px;
  height: 175px;
  border: 1px solid #FFFFFF;
  background-image: url(images/bg_1.jpg);
  padding: 5px 5px 5px 5px;
}

#ug li a {
  color: #FFFFFF;
}

#ug_row #quick {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 451px;
  height: 175px;
  border: 1px solid #FFFFFF;
  background-image: url(images/bg_2.jpg);
  padding: 5px 5px 5px 5px;
}

#motd_row {
  position: relative;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#motd_row #motd {
  width: 425px;
  border: 1px solid #FFFFFF;
  background-color: #4C4B53;
  padding: 5px 5px 5px 5px;
}

#motd li a {
  color: #FFFFFF;
}

#motd_row #vqDemo {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 235px;
  border: 1px solid #FFFFFF;
  background-color: #4C4B53;
  padding: 5px 5px 5px 5px;
}

/* ===================================================================
   Begin Footer Styles
====================================================================== */
#bottom {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  clear: both;
  font-size: .95em;
}

#bottomMenu {
  height: 64px;
}

#bottomMenu a {
  color: #FFFFFF;
  font-weight: bold;
  font-size: .9em;
}

#bottomMenu img {
  width: 164px;
  height: 64px;
  margin-bottom: -30px;
  margin-left: 10px;
  margin-right: -5px;
}

#warning {
  font-style: italic;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px;
}

#mission {
  font-size: 1em;
  font-style: italic;
  text-align: center;
}


#headertitle,
p.headertitle {
  font-size: 1.1em;
  font-weight: bold;
}

#keyword {
  font-size: 1.1em;
  font-style: bold;
} 

p.reference {
  font-size: .9em;
  font-style: italic;
  text-align: right;
}

img.right {
  float: right;
  padding: 0px 0px 5px 10px;
}

img.left {
  float: left;
  padding: 5px 5px 5px 0px;
}

#publications {
  font-size: 1em;
  font-style: italic;
  text-align: center;
}

table.ctaTable {
  width: 256px;
}

td.ctaCell {
  text-align: center;
  border: 1px solid white;
  padding: 5px 5px 5px 5px;
}

table.categoryTable {
  width: 256px;
}

td.catCell {
  text-align: center;
  border: 1px solid white;  
  padding: 5px 5px 5px 5px;
}

table.batchSystem {
  width: 225px;
  text-align: center;  
}

table.batchSystem th {
  text-align: center;
}

table.batchFAQ {
  width: 100%;
  border: 1px solid white;
  text-align: center;
  border-collapse: collapse;
  margin-bottom: 30px;
}

table.batchFAQ caption {
  font-weight: bold;
  color: #000000;
  background-color: #cccccc;
  border: 1px solid white;
  padding: 5px 5px 5px 5px;
}

table.batchFAQ th {
  font-weight: bold;
  border: 1px solid white;
}

table.batchFAQ td {
  border: 1px solid white;
  padding: 5px 5px 5px 5px;
}  

table.FAQ {
  width: 100%;
  border-collapse: collapse;
  font-family: monospace;
}

table.FAQ th.left {
  padding: 5px 5px 5px 5px;
  text-align: left;
}

table.FAQ th.right {
  padding: 5px 5px 5px 5px;
  text-align: right;
}

table.FAQ th.center {
  padding: 5px 5px 5px 5px;
  text-align: center;
}

table.FAQ td.left {
  padding: 5px 5px 5px 5px;
  text-align: left;
}

table.FAQ td.right {
  padding: 5px 5px 5px 5px;
  text-align: right;
}

table.FAQ td.center {
  padding: 5px 5px 5px 5px;
  text-align: center;
}

table.FAQ caption {
  text-align: left;
}

table.FAQ td {
  text-align: center;
}

table.FAQCPU {
  width: 320px;
  border-collapse: collapse;
  border: 1px solid white;
}

table.FAQCPU td {
  padding: 5px 5px 5px 5px;
  border: 1px solid white;  
  text-align: center;
}

table.FAQCPU th {
  padding: 5px 5px 5px 5px;
  color: #000000;
  background-color: #cccccc;  
  text-align: center;
  font-weight: bold;
}

table.archiveFAQ {
  width: 320px;
  border-collapse: collapse;
  border: 1px solid white;
}

table.archiveFAQ td {
  padding: 5px 5px 5px 5px;
  border: 1px solid white;  
  text-align: center;
}

table.archiveFAQ th {
  padding: 5px 5px 5px 5px;
  color: #000000;
  background-color: #cccccc;  
  text-align: center;
  font-weight: bold;
}


/* ===================================================================
   Begin Quick Link Styles
====================================================================== */
#quick_left {
  float: left;
  padding-left: 0px;
}

#quick_right {
  float: right;
  padding-right: 20px;
}

ul.noStyleType,
#quick_left ul,
#quick_right ul {
  list-style-type: none;
}

#quick_left ul ul,
#quick_right ul ul {
  margin-left: 20px;
  padding-left: 0px;
}

#quick_left h4,
#quick_right h4 {
  margin-top: 15px;
  margin-bottom: 0px;
}

#ctalist {
  width: 256px;
  height: 90px;
  clear: both;
  padding-bottom: 20px;
}

#categorylist {
  width: 307px;
  height: 80px;
  clear: both;
}

#ctalist ul,
#categorylist ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  clear: both;
}

#ctalist li,
#categorylist li {
  display: block;
  height: 20px;
  margin: 0px 1px 1px 0px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #FFFFFF;
  float: left;
  text-align: center;
  border: 1px solid white;
}

#ctalist li {
  width: 37px;
}

/* ===================================================================
   Begin Support & Services Styles
====================================================================== */
#redirect_row {
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#redirect_row p.float {
  width: 335px;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 15px 20px 0px;
}

#redirect_row img {
  padding-bottom: 40px;
}

#human,
#skipnav {
  display: none;
  visibility: hidden;
}

#lastMod {
  clear: both;
  margin: 10px auto 30px auto;
  padding: 0px 0px 30px 0px;
  text-align: center;
}

img.swLogo {
  position: relative;
  float: right;
}

/* ===================================================================
   Begin Search Styles
====================================================================== */

#allForm {
  position: absolute;
  top: 80px;
  right: 62px;
}

#searchForm {
  text-align: center;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

#words {
  position: relative;
  display: block;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  border: none;
  font-size: 11px;
  height: 13px;
}

#submit {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0px;
  left: 135px;;
  height: 18px;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 3px 2px;
  font-size: 10px;
  height: 17px;
  border: 1px solid #000000;
}

#results {
  position: relative;
  display: block;
  top: 10px;
  left:0px;
  width: 700px;
}

#results h1 {
  font-size: 1.4em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#results a.title {
  font-weight: bold;
  font-size: 1.1em;
}

#results a.sub {
  font-size: .9em;
  font-style: italic;
  margin-left: 15px;

}

#results div.description { 
  padding-bottom: 15px;
  padding-left: 15px;
  font-size: .9em;
}

#results em,
#results strong {
/*
  background-color: #445566;
*/
  color: #0077DD; 
  font-weight: bold;
}

#results strong code {
  display: none;
  visibility: hidden;
}

#results #searchPages {
  margin-bottom: 40px;
  text-align: center;
}

#resultList {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#resultList li.long {
  list-style-type: none;
  margin-bottom: 20px;
}

#resultList li.short {
  list-style-type: none;
  margin-bottom: 12px;
  margin-left: 50px;
}

#resultList blockquote {
  margin: 2px 0px 5px 15px;
  font-size: .9em;
}

#resultsList em {
  background-color: #FFFFBB;
  color: #770000;
  font-weight: normal;
}