/*
// ______________________________________________________________________
//
//  style.css
//  Stylesheet for U.S. UNITES Website
//
//  Copyright 2013 CDIVIA TECHNOLOGY LLC
//  The contents of this file including text, graphics, and code is protected
//  by US and International Copyright Laws, are not in the public domain, and
//  may not be copied, reprinted, published, translated, adapted, hosted, or 
//  otherwise distributed in whole or in part without express permission of
//  the owner.  All rights reserved.  Email inquiries to bfrolik@cdivia.com.
//
//  20130828/bf initial version, work in progress
// ______________________________________________________________________
*/

@charset "UTF-8";
@font-face {font-family:"Cambria Math";	panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face {font-family:"Arial Narrow"; panose-1:2 11 6 6 2 2 2 3 2 4;}
@font-face {font-family:Helvetica;  panose-1:0 0 4 0 0 0 0 0 0 0;}
@font-face {font-family:Calibri; panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face {font-family:Tahoma;  panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face {font-family:Verdana; panose-1:2 11 6 4 3 5 4 4 2 4;}

BODY { margin: 0px; padding: 0px; font-family: Helvetica; font-size: 16px; }

INPUT[type="text"], TEXTAREA {  
  font-size: 17px;
  color: #blue;
  padding: 7px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #b8b8b8;
}

A { text-decoration:none; color:blue; }
A:hover { color: red; }

.touchlink { cursor:hand; cursor:pointer; color:blue; }
.touchlink:hover { color:red; }

.iScrollVerticalScrollbar {
  overflow: visible;
 x-left:0;
 x-margin-right:-5px;
 x-border:1px solid green;
}

#browser { font-size:8pt; }

.page {
  position:relative; top:10px;
  margin: 0px auto;
  font-family: 'Calibri';
  color: black; background: white;
}

.red   { color:red; }
.mid   { text-align:center; }
.phone { font-size:13pt; font-weight:bold; }
.clear { clear: both; line-height: 1px; }

.maintitle {
  margin-top:10px;
  font: normal bold 16pt/1.1em "Helvetica";
  color: #07C;
}

.minortitle, .subtitle {
  margin-top:3px;
  font: normal normal 12pt/1.1em "Helvetica";
  color: #07C;
}

.warning {
  width:auto; overflow:hidden;
  margin: 20px; padding: 10px;
  border: 1px solid #FAA;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align:left;
  font-style:normal;
  font-size:9pt;
}
.warning:before {
  content: "!";
  font-weight: bold; font-size: 22pt; color: #FF7070;
  float:left;  padding-right: 5px; margin: -5px 5px 0 0;
}

.messages {
  margin:0; width:100%;
  line-height:1.3em;
  margin-top:20px;
  padding:5px;
  border-left:4px solid #AAF;
  font-size:9.5pt;
  font-weight:normal;
}

.paramtable    { font-size:10.5pt; }
.paramhead     { font-weight:bold; }
.paramhead  TD { padding-top:5px; }
.paramtable TD { display:table-cell; vertical-align:top; }
.paramrow      { font-size:9pt; background-color:#F2F2FF;}
.paramtable TR:NOT(.paramhead) TD { padding:1px 10px; }

#carousel { width:100%; }

.rbox { float:right; margin: 0 0 20px 20px; }
.rbox FIGCAPTION { font-size:11pt; padding-top:5px; font-style:italic; text-align:center; }
.rbox IMG { width:95%; text-align:center; z-index:12; margin-left:10px;
  x-height:auto; x-max-height:300px; display:block; overflow:hidden;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
}

.wxxp     { width:45%;   }
.w30p     { width:30%;   }
.w35p     { width:35%;   }
.w40p     { width:40%;   }
.w45p     { width:45%;   }
.w50p     { width:50%;   }
.w55p     { width:55%;   }
.w60p     { width:60%;   }
.w200     { width:200px; }
.w250     { width:250px; }
.w300     { width:300px; }
.w350     { width:350px; }
.w400     { width:400px; }

.shad2 {
  -webkit-box-shadow: 2px 2px 5px #88F;
  -moz-box-shadow: 2px 2px 5px #88F;
  -o-box-shadow: 2px 2px 5px #88F; 
  box-shadow: 2px 2px 5px #88F;
}
.contact {
  margin: 20px 0 30px;
  font-family: verdana, sans-serif;
  font-size: 10pt;
}
.who {
  position:relative;
  margin: 15px 0 0;
  font-family: arial, sans-serif;
  font-size: 8pt;
}

.who IMG {
  float:left;
  margin-right: 15px;
}
.whoinfo {
  overflow: hidden;
  font-size: 9pt;
}

.shade25 {
  -webkit-box-shadow: 0 2px 5px #88F;
  -moz-box-shadow: 0 2px 5px #88F;
  -o-box-shadow: 0 2px 5px #88F; 
  box-shadow: 0 2px 5px #88F; 
}

FORM.panel { 
  font-size: 11px;
  font-weight: bold;
  height: auto;
  padding: 20px;
  background: #F7F9FF;
  border: 1px solid transparent;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
  FORM.panel INPUT,
  FORM.panel TEXTAREA {
    padding: 1px 4px;
    font-family: courier;
    font-size: 10pt;
}

UL {
  line-height: 1.2em;
}
LI {
  font-size: 11pt;
  color: #1F497D;
}

ARTICLE { position: relative; top: 0px; left: 0px; 
  x-border:1px solid orange;
  display: block; 
}
  ARTICLE .content_container {
    position: absolute; top: 0px; left: 0px; 
    padding: 40px 20px 0px 40px; 
    opacity: 0; background: none; 
  }
  ARTICLE .content_container .content_loading_container { /*not used*/
    padding: 40px 20px 0px 40px; 
    position: absolute; top: 0px;
  }
  ARTICLE .content_body { 
    margin-right:10px; /* room for scroll bar */
  x-border:1px solid red;
  }

HEADER  {
  position: relative; top: 0px; left: 0px;
x-border:1px solid red;
  z-index:1000;
  background:white;
  display: block; 
}
  HEADER .tagline {
    position:absolute; left:40%; top:14px;
    font: italic bold 24px/1.1em "Calibri";
    color: #1F497D;
  }
  HEADER .subtag {
    font-size:18px;
    font-weight: normal;
  }

FOOTER  {
  position: absolute; right:5px; bottom:0;
x-border:1px solid green;
  background-color: white;
  display: block;
}
  FOOTER span  {
    position: absolute; top: 18px; right: 15px;
    font-size: 12px; 
  }

A { cursor:pointer; cursor:hand; text-decoration:none; }

/* NAV buttons are in or just below the header */

NAV { position: absolute; top:80px; z-index:1001; right:3%; padding:0; margin:0; }
  NAV A { 
      position:relative; margin: 0px 2px; padding: 2px 15px;
      font-family: 'Calibri'; font-size: 13px; font-weight: bold; 
      text-align: center; color: #0070C0;
      -webkit-box-shadow: 0 2px 5px #88F;
      -moz-box-shadow: 0 2px 5px #88F;
      box-shadow: 0 2px 5px #88F; 
      -webkit-border-radius: 5px; 
      -moz-border-radius: 5px;
      border-radius: 5px;
  }
  NAV A:hover {
      color:red;
      -webkit-box-shadow: 0 2px 6px #F88; 
      -moz-box-shadow: 0 2px 6px #F88;
      box-shadow: 0 2px 6px #F88;
  }

/* add shadows and stuff in PC browser */

.page.pc { 
    margin: 0 auto; padding: 0 15px;
    background: white;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-radius: 10px; 
    -webkit-box-shadow: 0 0 35px #888;
    -moz-box-shadow: 0 0 35px #888;
    box-shadow: 0 0 35px #888;
}

.sidelist       { background:white; position:relative; top:0; left:0; z-index:99999; }
.sidelist-head  { font-weight:bold; }
.sidelist-items { }

/* don't let browsers wrap content below sidelist */
.page #scrollable_content { margin:0; width:auto; overflow:hidden; }

/* hide sidelist on tablets and phones */
.xxpage:not(.pc) .sidelist { display:none; }

/* major page layouts for PC, tablet, mobile, landscape, and portrait

                  ------- Window ------- | ------ Document ------
                  PORTRAIT     LANDSCAPE | PORTRAIT     LANDSCAPE
                    W x H        W x H   |   W x H        W x H
   .android       320 x 508    533 x 295 | 798 x 710    798 x 710
   .iphone        320 x 372    480 x 320 | 798 x 710    798 x 710
   .ipad (bwsr)   768 x 927   1024 x 691 | 768 x 1014  1024 x 758
   .ipad (full)   768 x 1004  1024 x 748 | 768 x 1014  1024 x 758        
   .pc (Chrome)   900 x 747   1361 x 747 |     x 710        x 710
*/
.content_body { xheight:auto; }

.page.narrow.pc { position:relative; width:95%; min-width:740px; height:680px; overflow:hidden; }
  .page.narrow.pc HEADER  { width:100%; margin:0; padding:10px 0 5px; height:auto; }
  .page.narrow.pc FOOTER  { width:95%; min-width:740px; margin:0 10px; padding:5px 0 10px; }
  .page.narrow.pc ARTICLE { width:95%; height:auto; max-height:495px; }
  .page.narrow.pc ARTICLE .content_container { width:100%; height:auto; position:relative; top:0px; padding:0; overflow:hidden; }

.page.wide.pc { position:relative; width:95%; max-width:1024px; height:680px; overflow:hidden; }
  .page.wide.pc HEADER  { width:100%; margin:0; padding:10px 0 5px; height:auto; }
  .page.wide.pc FOOTER  { width:95%; max-width:1024px; margin:0 10px; padding:5px 0 10px; }
  .page.wide.pc ARTICLE { width:95%; height:auto; max-height:495px; }
  .page.wide.pc ARTICLE .content_container { width:100%; height:auto; position:relative; top:0px; padding:0; overflow:hidden; }

.page.portrait.ipad.browser { position:relative; width: 749px; height: 918px; overflow: hidden; }
  .page.portrait.ipad.browser HEADER   { width: 100%; margin:0; padding:10px 0 5px; height:auto; }
  .page.portrait.ipad.browser ARTICLE  { width: 95%; position:relative; max-height: 743px; overflow:hidden; }
  .page.portrait.ipad.browser ARTICLE .content_container { position:relative; top:0; padding-bottom:10px; }
  .page.portrait.ipad.browser FOOTER   { width: 95%; margin:0 10px; padding:5px 0 10px; }

.page.landscape.ipad.browser { position:relative; width: 995px; height: 670px; overflow: hidden; }
  .page.landscape.ipad.browser HEADER  { width: 100%; margin:0; padding:10px 0 5px; height:auto; }
  .page.landscape.ipad.browser ARTICLE { width: 95%; position:relative; max-height:495px; overflow:hidden; }
  .page.landscape.ipad.browser ARTICLE .content_container { position:relative; top:0px; padding-bottom:10px; }
  .page.landscape.ipad.browser FOOTER  { width:95%; margin:0 10px; padding:5px 0 10px; }

.page.portrait.ipad.standalone { position:relative; width: 749px; height: 985px; overflow: hidden; }
  .page.portrait.ipad.standalone HEADER   { width: 100%; margin:0; padding:10px 0 5px; height:auto; }
  .page.portrait.ipad.standalone ARTICLE  { width: 95%; position:relative; max-height: 810px; overflow:hidden; }
  .page.portrait.ipad.standalone ARTICLE .content_container { position:relative; top:0; padding-bottom:10px; }
  .page.portrait.ipad.standalone FOOTER   { width: 95%; margin:0 10px; padding:5px 0 10px; }

.page.landscape.ipad.standalone { position:relative; width: 995px; height: 730px; overflow: hidden; }
  .page.landscape.ipad.standalone HEADER  { width: 100%; margin:0; padding:10px 0 5px; height:auto; }
  .page.landscape.ipad.standalone ARTICLE { width: 95%; position:relative; max-height:555px; overflow:hidden; }
  .page.landscape.ipad.standalone ARTICLE .content_container { position:relative; top:0px; padding-bottom:10px; }
  .page.landscape.ipad.standalone FOOTER  { width:95%; margin:0 10px; padding:5px 0 10px; }