/* Site.css
 * 
 * Copyright (C) 2015 OSIsoft, LLC. All rights reserved.
 * 
 * THIS SOFTWARE CONTAINS CONFIDENTIAL INFORMATION AND TRADE SECRETS OF
 * OSIsoft, LLC.  USE, DISCLOSURE, OR REPRODUCTION IS PROHIBITED WITHOUT
 * THE PRIOR EXPRESS WRITTEN PERMISSION OF OSIsoft, LLC.
 * 
 * RESTRICTED RIGHTS LEGEND
 * Use, duplication, or disclosure by the Government is subject to restrictions
 * as set forth in subparagraph (c)(1)(ii) of the Rights in Technical Data and
 * Computer Software clause at DFARS 252.227.7013
 * 
 * OSIsoft, LLC
 * 777 Davis Street, Suite 250, San Leandro CA 94577
*/ 

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
    display:block
}

audio,canvas,video{
    display:inline-block;
    *display:inline;
    *zoom:1
}

audio:not([controls]){
    display:none
}

[hidden]{
    display:none
}

html{
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}

button,input,select,textarea{
    font-family: 'Proxima Nova', 'Arial';
}

body
{
    font-family: Proxima Nova, Helvetica, Arial, sans-serif;
    margin:0;
    /*background-color:rgb(127,127,127);*/
}

dfn{
    font-style:italic
}

mark{
    background:#ff0;
    color:#000
}

pre,code,kbd,samp{
    font-family:'Proxima Nova', 'Arial';
    font-size:1em
}

.ie6 pre,.ie6 code,.ie6 kbd,.ie6 samp{
    font-family:'Proxima Nova', 'Arial';
}

pre{
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}

q{
    quotes:none
}

q:before,q:after{
    content:'';
    content:none
}

small{
    font-size:75%
}

sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}

sup{
    top:-0.5em
}

sub{
    bottom:-0.25em
}

ul,ol{
    margin-left:0;
    padding:0 0 0 40px
}

dd{
    margin:0 0 0 40px
}

nav ul,nav ol{
    list-style:none;
    list-style-image:none
}

img{
    border:0;
    -ms-interpolation-mode:bicubic
}

svg:not(:root){
    overflow:hidden
}

figure{
    margin:0
}

form{
    margin:0;
    border:none
}

fieldset{
    border:none;
    margin:0;
    padding:0
}

legend{
    border:0;
    *margin-left:-7px
}

button,input,select,textarea{
    font-size:100%;
    margin:0;
    vertical-align:baseline;
    *vertical-align:middle
}

button,input{
    line-height:normal
}

button,input[type="button"],input[type="reset"],input[type="submit"]{
    cursor:pointer;
    -webkit-appearance:button;
    *overflow:visible
}

input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0;
    *height:13px;
    *width:13px
}

button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}

textarea{
    overflow:auto;
    vertical-align:top
}

table{
    border-collapse:collapse;
    border-spacing:0
}

/*a{
    color:#00898B;
    text-decoration:none
}

a:hover{
    text-decoration:underline
}*/

ul,ol,li{
    margin:0;
    padding:0;
    list-style-position:outside;
    list-style-type:none
}

h1,h2,h3,h4,h5,ul,li,ol,form,fieldset{
    margin:0;
    padding:0
}

h2,h3,h4{
    color:#333;
    font-weight:bold
}

h1{
    font-size:1.875em;
    color:#999999;
    font-weight:normal;
    padding:20px 0 0 0
}

h2{
    font-size:1.5em
}

h3{
    font-size:1.13em
}

h3.main{
    color:#87a32e
}

h3.form-primary-group{
    color:#a9bd38
}

.group:before,.group:after{
    content:"";
    display:table
}

.group:after{
    clear:both
}

.clearfix:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0
}

.clearfix{
    display:inline-block
}

* html .clearfix{
    height:1%
}

.clearfix{
    display:block
}

.hide,.nodisplay,.hidden{
    display:none
}

.screen-reader-text{
    position:absolute;
    top:-9999px;
    left:-9999px
}

.cloak{
    visibility:hidden
}

.transparent,.disappear{
    zoom:1;
    opacity:0;
    filter:alpha(opacity=0)
}

.disabled{
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor:default !important
}

:disabled{
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor:default !important
}

.disabled a{
    cursor:default !important
}

:disabled a{
    cursor:default !important
}

.no-emphasize{
    font-weight:normal
}

.no-border,.no-border:hover{
    border:0 !important
}

.shadow{
    -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.25);
    -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.25);
    box-shadow:0 2px 2px 0 rgba(0,0,0,0.25)
}

.grid{
    display:table;
    width:100%
}

.ie6 .grid,.ie7 .grid{
    zoom:1;
    display:inline;
    *letter-spacing:normal;
    word-spacing:-0.43em
}

.col{
    display:table-cell;
    vertical-align:top
}

.ie6 .col,.ie7 .col{
    zoom:1;
    *display:inline;
    letter-spacing:normal;
    word-spacing:normal;
    vertical-align:top
}


.ie6 .grid-content,.ie7 .grid-content{
    width:400px;
    min-width:400px
}

.container{
    margin:0px auto;
}

.ft .container{
    width:980px
}

.bd .container{
    width:980px;
    margin:0 auto;
    background-color:white;
    /*padding-bottom:100px;*/
}

.home-page{
    margin:0 0 0 0;
    /*position:relative*/
}

.ie6 .user-area li.notranslate a{
    list-style:none
}


.ie7 .use-cases a{
    *z-index:1000;
    min-width:175px
}

.ie6 .use-cases a{
    width:175px
}

.ft{
    background-color:#b5b8a6;
    zoom:1
}

.ft-member{
    background:url(../assets/bg_footer_member.jpg) top left repeat-x #5a594a
}

.ft h2{
    font-size:.75em;
    font-weight:bold;
    color:#ebebeb
}

.ft a,.ft a:visited,.ft a:link,.ft .lnk{
    color:#ebebeb;
    text-decoration:none;
    font-size:.75em
}

.ft a:hover{
    color:#fff
}

ul.footer-menu{
    height:170px;
    padding-left:30px
}

ul.footer-menu li{
    display:inline;
    float:left;
    padding:30px 0 30px
}

ul.footer-menu ul li{
    clear:left;
    margin-right:2.6em;
    padding:0;
    white-space:nowrap
}

ul.home ul li{
    margin-right:6em
}

ul.footer-menu ul.end li{
    margin-right:0px
}

li.regional h2{
    padding:0 0 6px 80px;
    font-size:1em
}

li.regional ul{
    position:relative;
    top:0px;
    left:60px;
    width:80px;
    height:70px;
    background:#ededed;
    display:none
}

li.regional ul li a:hover{
    background:#397f78;
    text-decoration:none
}

li.regional h2 span{
    font-size:0.4em;
    margin-left:6px
}

ul.home li.regional{
    display:none
}

.nav{
    margin: 10px auto;
    width: 980px;
}


.nav li{
    display:inline;
    position:relative;
    float: left;
    margin-right:10px;
}


.nav a{
    padding-bottom:5px;
    border-bottom:4px solid transparent;
    _border-bottom:none;
    color:#999
}


.nav a:hover{
    color:#EEE
}


.nav li.open{
    background-image:-webkit-linear-gradient(top, #4b4a3c, #343329),-webkit-linear-gradient(top, #4b4a3c, #343329);
    background-image:-moz-linear-gradient(top, #4b4a3c, #343329),-moz-linear-gradient(top, #4b4a3c, #343329);
    background-image:-ms-linear-gradient(top, #4b4a3c, #343329),-ms-linear-gradient(top, #4b4a3c, #343329);
    background-image:-o-linear-gradient(top, #4b4a3c, #343329),-o-linear-gradient(top, #4b4a3c, #343329)
}

.nav .has-submenu ul{
    background:#4B4A3C;
    border-color:#343329
}

.nav li.open a.hd img{
    background:url("../assets/base_sprite.png") no-repeat scroll -16px -820px transparent
}


.nav .open ul{
    top:22px;
    _top:18px
}

.nav .has-submenu ul li{
    border-bottom-color:#454439
}

.nav .has-submenu ul li a{
    color:#CCC
}


.nav .has-submenu ul li a:hover,.site-header .nav .has-submenu ul li:hover{
    background-color:#454439;
    color:#EEE
}

.nav .has-submenu ul li.min-width:hover{
    background-color:#4B4A3C
}

.nav .open .hd-bg{
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B4A3C', endColorstr='#343329')
}

.nav .open .hd-bg a{
    background-color:#4B4A3C;
    color:#EEE
}

footer {
    clear:both;
    }

.site-footer {
    background-color: white;
    height: 40px;
    margin: 0 auto 0 auto;
    max-width: 980px;
    padding-bottom: 0;
    padding-top: 0;
    font-size: 9pt;
    color: rgb(41, 61,93);
    position:relative;
    }

.site-footer a
    {
    color: rgb(41, 61,93);
    }


div.site-footer-left {
    float: left;
    vertical-align:baseline;
    width:200px;
    background-color: rgb(241,241,241);
    }

div.site-footer-right {
    float: right;
    vertical-align:baseline;
    }
    
div#footer a  {
    margin: 0 2px 0 2px;
    }
    
div#footer p {
    *line-height: 10px;
    }

.ui-menu { width: 200px; margin-bottom: 2em; }

.clear-both {
    clear: both;
}

.picc-page-container {
    margin-left: 30px;
}

.picc-site-title {
    float: left;
    font-size: 14pt;
    font-weight: bold;
    margin-left: 7px;
    margin-bottom: 0px;
    margin-top: 14px;
}

#UIContainerxxx {
    position: relative;
    width: 980px;
    height: 0px;
    left: 0px;
    top: 40px;
}

#picc-page-body {
    height: 700px;
}

.start-hidden {
    display: none;
}