/* ============================= General Notes ============================= */

/* [1] This CSS file has the 'last word' on all styles; a reference to it has
   been added to both the 'stathome' and 'statsub' templates after all other
   style sheets. */
\
/* ============================ Embedded Fonts ============================= */

/* [1] First 'src' definition is for Internet Explorer .eot files.
   [2] Second 'src' definition is for CSS3 compatible browsers.
   [3] The 'local' definition in the second ensures that IE rejects the line
   entirely, falling back on the first 'src'.
   [4] 'woff' is ostensibly a compressed truetype implemented by FireFox, but
   testing has not confirmed this. These may be removed if confirmation cannot
   be made.
   [5] 'svg' is presumably for WebKit mobile as implemented on the iPhone OS.
   Testing has revealed that the iPhone 3.1 Xcode simulator will not use
   these nor any other font type currently specified here. These may be removed
   if they're found to be ignored by all browsers.
   [6] The 'font-family' names are bullshit names concocted by the conversion
   utility. These may be changed after thorough regression testing.
   [7] The 'local' values have been assigned to a dummy name to preclude
   any chance for conflict and force the browser to always implement the
   embedded fonts. The 'local' must be kept, depite its seeming redundancy,
   to ensure IE ignores the remainder of the line (see item [3] above).
   
        Compatibility:   Local()     Local('')   Local('dummyFontName')
        ---------------------------------------------------------------
        Safari/Mac       -           X           X  
        Safari/Win       -           X           X
        Firefox/Mac      -           -           X
        Firefox/Win      -           -           X
        Chrome/Win       -           X           X
        Opera/Win        -           X           X
*/

@font-face {
	font-family: 'FuturaStdMediumRegular';
	src: url('../../../resources/fonts/futurastd/futurastd-medium.eot');
	src: local('dummyFontName'),
	  url('../../../resources/fonts/futurastd/futurastd-medium.woff') format('woff'),
	  url('../../../resources/fonts/futurastd/futurastd-medium.ttf') format('truetype'),
	  url('../../../resources/fonts/futurastd/futurastd-medium.svg#FuturaStd-Medium') format('svg');
}
@font-face {
	font-family: 'FuturaStdLightRegular';
	src: url('../../../resources/fonts/futurastd/futurastd-light.eot');
	src: local('dummyFontName'),
	  url('../../../resources/fonts/futurastd/futurastd-light.woff') format('woff'),
	  url('../../../resources/fonts/futurastd/futurastd-light.ttf') format('truetype'),
	  url('../../../resources/fonts/futurastd/futurastd-light.svg#FuturaStd-Light') format('svg');
}
@font-face {
	font-family: 'FuturaStdMediumBold';
	src: url('../../../resources/fonts/futurastd/futurastd-heavy.eot');
	src: local('dummyFontName'),
	  url('../../../resources/fonts/futurastd/futurastd-heavy.woff') format('woff'),
	  url('../../../resources/fonts/futurastd/futurastd-heavy.ttf') format('truetype'),
	  url('../../../resources/fonts/futurastd/futurastd-heavy.svg#FuturaStd-Heavy') format('svg');
}
@font-face {
	font-family: 'FuturaStdExtraBoldRegular';
	src: url('../../../resources/fonts/futurastd/futurastd-extrabold.eot');
	src: local('dummyFontName'),
	  url('../../../resources/fonts/futurastd/futurastd-extrabold.woff') format('woff'),
	  url('../../../resources/fonts/futurastd/futurastd-extrabold.ttf') format('truetype'),
	  url('../../../resources/fonts/futurastd/futurastd-extrabold.svg#FuturaStd-ExtraBold') format('svg');
}
@font-face {
	font-family: 'FuturaStdBookRegular';
	src: url('../../../resources/fonts/futurastd/futurastd-book.eot');
	src: local('dummyFontName'),
	  url('../../../resources/fonts/futurastd/futurastd-book.ttf') format('truetype'),
	  url('../../../resources/fonts/futurastd/futurastd-book.svg#FuturaStd-Book') format('svg');
}
@font-face {
	font-family: 'FuturaStdBookBold';
	src: url('../../../resources/fonts/futurastd/futurastd-bold.eot');
	src: local('dummyFontName'),
	  url('../../../resources/fonts/futurastd/futurastd-bold.woff') format('woff'),
	  url('../../../resources/fonts/futurastd/futurastd-bold.ttf') format('truetype'),
	  url('../../../resources/fonts/futurastd/futurastd-bold.svg#FuturaStd-Bold') format('svg');
}

/* =========================== Character Styles ============================ */

/* [1] We use Helvetica here where available. Pages should be verified under
   the more ubiquitous Arial. */

body, tbody, p, a, a:link, a:visited, a:hover, li, label, input, select {
  font-family:        'Helvetica Neue', Helvetica, Arial, sans-serif;
}
p  {line-height:      130%;}
h1 {}
h2 {}
h3 {}
h4 {font-size:        14px;}
h5 {font-size:        13px;}
h6 {font-size:        12px;}
a  {outline:          none;}  /* to correct IE8's tendency to retain focus. Screws up keyboard navigation, though */

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover,
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover,
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover,
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover,
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover,
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
  font-family:        Helvetica,  Arial, sans-serif;
  letter-spacing:     -.1px;
  text-decoration:    none;
  margin-top:         18px;
  margin-bottom:      14px;
  font-weight:        bold;
  line-height:        normal;
}

h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover,
a:hover h1, a:hover h2, a:hover h3,
a:hover h4, a:hover h5, a:hover h6,
a:hover p {
  color:              #CC0000;
  text-decoration:    underline;
}

.italic {font-style:  italic;}
.bold {font-weight:   bold;}

/* ============================ Welcome Blurb ============================== */

div.welcomeBlurb, div.welcomeBlurb a:link,
div.welcomeBlurb a:visited, div.welcomeBlurb a:hover {
  padding-top:        7px;
  font-family:        'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:        bold;
  font-size:          14px;
  text-align:         center;
  text-decoration:    none;
  color:              #FFFFFF;
}
div.welcomeBlurb a:hover {
  text-decoration:    underline;
  color:              #DD0000;
}

/* =========================== Home Page Flaps ============================= */
#flapTable {
  width:              100%;
  margin:             0 0 0 4px;
}
#flap1, #flap2, #flap3{
}
#flap1, #flap2 {
  width:              325px;
  padding:            0;
  margin:             0;
}
#gap1, #gap2 {
  width:              25px;
  padding:            0;
  margin:             0;
}
#flap3 {
  width:              215px;
  padding:            0;
  margin:             0;
}
td.whiteFlapTitle img {
  margin-top:         5px;
}
td.whiteFlapPic {
  width:              145px;
}
td.whiteFlapPic img {
  padding-left:       10px;
  padding-top:        10px;
}
div.whiteFlapLinks {
  width:              165px;
  margin-top:         15px;
}
div.whiteFlapLinks a {
  font-family:        'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:          13px;
  font-weight:        bold;
  color:              #000000;
  text-decoration:    none;
  line-height:        20px;
  letter-spacing:     -0px;
}
div.whiteFlapLinks a:hover {
  color:              #DD0000;
  text-decoration:    none;
}
td.whiteFlapText {
  padding:            5px 20px 0 20px;
}
td.redFlapTitle, td.redFlapTitle a {
  width: 215px;
  /* border:           1px solid blue;  /*for debug*/
  padding:            0;
  color:              #FFFFFF;
  font-family:        FuturaStdBookRegular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:        normal;
  font-style:         normal;
  font-size:          18pt;
  letter-spacing:     2px;
  text-transform:     uppercase;
  text-align:         center;
  text-decoration:    none;
}
div.redFlapLinks {
  width:              215px;
  margin-top:         15px;
}
div.redFlapLinks p, p.redFlapLinks {
  margin-left:        20px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-family:        'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:          12px;
  font-weight:        bold;
  color:              #000000;
  text-decoration:    none;
  line-height:        0px;
  letter-spacing:     -0px;
}
div.redFlapLinks img {
  position: relative;
  left: 15px;
  top: 13px;
}
div.redFlapLinks li a {
  margin-left: 0px;
  margin-top: 0px;
  padding-top: 0px;
  /* margin-left: 20px; */
  font-family:        'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:          12px;
  font-weight:        normal;
  color:              #000000;
  text-decoration:    none;
  line-height:        18px;
  letter-spacing:     -0px;
}
div.redFlapLinks li a:hover {
  color:              #FFFFFF;
  text-decoration:    underline;
}
td.redFlapText {
  padding:            5pt 10px 0 17px;
}
a.readmore {
  font-size:          9px;
  padding:            0;
  float:              right;
}
/* ========================== Upper Navigation ============================= */

/* ============================== Search Box =============================== */

/*  [1] mod_search.xml, mod_search.php, and default.php have been modified to
    add user-customizable color attributes. See Joomla's mod_search module page.
    [2] Box position needs to be nudged into a more pleasing location. */

div.search {
  position: relative;
  left: 52px;
  top: -15px;
} 

div.search #mod_search_searchword {
  font-family:        'Helvetica Neue', Helvetica, Arial, san-serif;
  font-weight:        normal;
  font-size:          12px;
  position:           relative;
  top:                -7px;
  /* left:               20px; */
  width:              185px;
}

/* ============================== Search Page ============================== */
.componentheading {
  position:           relative;
  left:               -65px;
  /* padding-left:       -50px; */
  margin:             0;
  color:              #DD0000;
  font-family:        FuturaStdBookRegular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:        normal;
  font-style:         normal;
  font-size:          24pt;
  letter-spacing:     -.01px;
  text-transform:     uppercase;
}
table.searchintro {
  margin-left:        85px;
}
table.contentpaneopen {
  width:              700px;
  margin-left:        85px;
  margin-right:       85px;
  /*border:           1px solid blue;  /*for debug*/
}
table.contentpaneopen #search_searchword {
  font-family:        'Helvetica Neue', Helvetica, Arial, san-serif;
  font-weight:        normal;
  font-size:          12px;
}
table.contentpaneopen #ordering {
  font-family:        'Helvetica Neue', Helvetica, Arial, san-serif;
  font-weight:        normal;
  font-size:          12px;
}
table.contentpaneopen fieldset div {
  margin:             10px 0 0px 0;
}
#searchForm div div {
  margin-right:       90px;
  position:           relative;
  top:                -10px;
}
/* ============================= Breadcrumbs =============================== */

/* [1] Breadcrumb Futura looks great on Mac, shit on Win browsers. */
   
span.pathway, span.pathway a {
  font-family:        'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:          11px;
  text-transform:     uppercase;
  /* letter-spacing:  -.01px;    /*too tight, but better than normal*/
}

/* ======================== Print, PDF, Email Icons ======================== */

div.PostMetadataHeader {
  padding-left:       20px;
  /* position: relative; top: 40px; */
}

/* ======================= Category & Article Titles ======================= */

/* [1] Category title needs fallback to a bold. To-do. */

div.categoryTitle {
  padding-left:       20px;
  margin:             0;
  color:              #000000;
  font-family:        FuturaStdBookBold, "Arial Black", sans-serif;
  font-weight:        normal;
  font-style:         normal;
  font-size:          13pt;
  letter-spacing:     -.01px;    /*too tight, but better than normal */
  text-transform:     uppercase;
/*
  font-family:        'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:        bold;
  font-size:          13pt;
*/
}
div.articleTitle {
  padding-left:       20px;
  margin:             0;
  color:              #DD0000;
  font-family:        FuturaStdBookRegular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:        normal;
  font-style:         normal;
  font-size:          24pt;
  letter-spacing:     -.01px;
  text-transform:     uppercase;
/*
  font-family:        'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:        bold;
  font-size:          22pt;
*/
}

/* =============================== Articles ================================ */

div.PostContent {
  /*border:           1px solid #D0D0D0;  /*for debug*/
}
div.Sheet {
  margin-right:       45px;     /* fix left bias */
}
div.sub div.article {
  width:              700px;
  margin-left:        85px;
  margin-right:       85px;
}
table.article {
  width:              700px;  /* Primarily to stop tables from jumping around on software & literature */
}
.listbox {
  padding: 1px 20px 10px 20px;
  background-color:   #F0F0F0;           /* Looks washed-out on some LCDs, may have to darken */
  background-color:   #8996A0;
  background-color:   #D2D7DB;
  background-color:   #DDE1E4;
  background-color:   #E3E6E9;
  background-color:   #E6E9EB;
  background-color:   #ECEEF0;
  border:             1px solid #E8E8E8; /* Darker border for crisp edge */
  border:             1px solid #E6E9EB; /* Darker border for crisp edge */
}
.listbox li {
  margin-top:        5px;}
  /* padding-bottom:     4px;} */
  /* color:              #FFFFFF; */
}
/* ======================== S.T.A.T. News Articles ========================= */

span.PostHeader {     /* News are the only articles using the PostHeader */
  margin:             85px;
  color:              #DD0000;
  font-family:        FuturaStdBookRegular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:        normal;
  font-style:         normal;
  font-size:          18pt;
  letter-spacing:     -.01px;
}
/* =========================== Copyright Notice ============================ */
div.copyright {
  font-family:        'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:          10px;
}

/* ===================== Software & Literature Article ===================== */

td.slPadColumn {width: 4%;}
td.slColumn {width:   48%;}
.slManufacturer {
  margin-bottom:      0;
}
a.slSystem {
  text-decoration:    none;
}
h4.slSystem {
  font-weight:        normal;
  margin:             15px 0 0 0;
}
/* slSystemAlt was for dynamic JS reassignment of classes instead of changing
   img src for disclosure arrows. IE fails to reflect change, however. */
/*
.slSystemAlt {
  font-weight:        normal;
  margin:             15px 0 0 0;
  background:         url(/main/resources/images/disclosure_down.png);
  background-repeat:  no-repeat;
  background-position: 0px 3px;
  padding-left:       10px;
}
*/
.slToggleGroup {
  display:            block;
}
ul.slList {
  margin-left:        14px;
}
ul.slList li.slListHeading {
  background-image:   none;
  margin-top:         12px;
  margin-bottom:      6px;
  font-size:          12px;
}
ul.slList li.slListItem {
  background-image:   none;
}

/* =============================== Web Forms =============================== */

/* [1] This is ugly stuff -- it's only here in a testing state. This will
   ultimately be fixed as the forms are rewritten.
   [2] Among the more garish attributes needing a bit of reigning-in are
   the green and red outlines reflecting the acceptability of the user-provided
   data. Of course, it's probably hard-coded in the JavaScript. Fucking Joomla.
   */

.cf_label, .cf_inputbox, .crf_label, .crf_inputbox,
.crf_submit, #chrono_verification {
       font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 12px;
       font-weight: normal;
        font-style: normal;
    letter-spacing: 1px;
}
table.crf_table {
  /*width: 95%;*/
            border: none;
       margin-left: 10%;
}
td.cf_td_label, td.crf_td_label {
        text-align: right;
}
th.crf_th {
        text-align: left;
}
.cf_label, .crf_label {
         font-size: 10px;
       font-weight: bold;
        text-align: right;
}
.cf_inputbox, .crf_inputbox {
  width:            500px;
}
.crf_submit {
  vertical-align:   top;
  float:            right;
}
.LV_validation_message {
  font-size:        10px;
  font-weight:      bold;
  margin:           0 0 0 5px;
}
/*
.LV_valid {
    color: #000000;
}
.LV_invalid {
	color: #CC0000;
}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active,
    textarea.LV_valid_field:hover, textarea.LV_valid_field:active,
    .fieldWithErrors input.LV_valid_field,
    .fieldWithErrors textarea.LV_valid_field {
    border-style: inset
    border-width: 2px
    color: black;
}
    
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,
    textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active,
    .fieldWithErrors input.LV_invalid_field,
    .fieldWithErrors textarea.LV_invalid_field {
    border-style: inset
    border-width: 2px
    border-color: #00CC00;
*/
}