@charset "utf-8";
/* CSS Document */

/*=TYPOGRAPHY
-------------*/
body {font-size:15px; font-family: 'Trebuchet MS', sans-serif;color:#333333;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; background-color:#FFF;}
h1 {font-weight:200; color:#2f76a2; margin-bottom:00px; margin-top:0px; text-transform: uppercase; font-size:23px; font-family: 'Trebuchet MS', sans-serif; }
h2 {font-weight: 900; color:#2f76a2; text-transform:none; font-size:17px; font-family: 'Trebuchet MS', sans-serif; text-transform:none;}
h3 {font-weight:normal; color:#2f76a2; text-transform:none; font-size:16px; font-family: 'Trebuchet MS', sans-serif;}
h4 {font-weight:900; color:#3176a3; text-transform:none; font-size:16px; font-family: 'Trebuchet MS', sans-serif;}
h5 {font-weight: 100; color:#fff; font-size:18px; font-family: 'Trebuchet MS', sans-serif;}
sup {vertical-align: super;font-size:80%}
b, strong {font-weight:bold; font-family:  'Trebuchet MS', sans-serif}
i, em {font-style:italic;}
.whiteback {padding:5px 5px 5px 5px; background-color:#fff;}
.content {padding:5px 5px 5px 5px; background-color:#fff;}
.contenthome {padding:5px 5px 5px 5px; background-color:#fff;}
.contentborder {padding:5px 5px 5px 5px; background-color:#fff; border-bottom:5px solid #cccccc; border-right:5px solid #cccccc; border-left:5px solid #cccccc;}
.contentinternal {padding:5px 5px 5px 5px; background-color:#FFF; font-size:13px; font-family: 'Trebuchet MS', sans-serif;color:#333333;}
.contentinternalhome {padding:5px 5px 5px 5px; background-color:#FFF; font-size:13px; font-family: 'Trebuchet MS', sans-serif;color:#333333;}
.leftnav {background-color:whitesmoke; padding:8px; border-bottom:1px solid #EDEDED; }


.home-bg {background:url(../images/homepage-bg.jpg) #002B54  no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover; border:0px;padding:0; }


/** Headers **/
#hyprop-logo {float:right; margin-top: -32px;}
#hyprop-logo-text {float:left; margin-top: 30px; font-size:3.2em; color:#373737; text-transform:uppercase;}
#hyprop-logo-text  .ended{float:none; margin-top: -4px; font-size:0.77em; color:#373737; text-transform:none; }
#hyprop-logo-text .investment{float:left; margin-top: 11px; font-size:0.5em; color:#2C77A4; text-transform:uppercase;}
.tools { margin-top:0px}

/*=NAVIGATION
------------*/
.navigation{height:25px; padding:8px 10px 8px 20px; font-size:13px; background-color:#f4f4f4; color:#FFF;}
.navigationBar{padding:0px;background-color:#2f76a2; color:#FFF; border-top:3px solid #2f76a2; border-bottom:1px solid #2f76a2;z-index:500}
/*.navigationBar a:link, .navigationBar a:visited {display:block;padding:13px 10px 14px 10px; font-size:13px; white-space:nowrap;background-color:#818286; color:#fff;text-decoration:none;}*/
.navigationBar a:hover, .navigationBar a:active {display:block; background-color:#818286;color:#fff; text-decoration:none;border-top:3px solid #cbcbcb;}
.navigation1 {padding:13px 10px 14px 10px; font-size:13px; background-color:#2f76a2; color:#fff;text-decoration:none;border-top:3px solid #2f76a2;}
.navigation1Selected {padding:13px 10px 14px 10px; background-color:#818286; color:#fff;text-decoration:none;border-top:3px solid #cbcbcb;}
.subnavs1 {padding:0px 0px 0px 0px; margin-top:5px; background-color: #2f76a2;border:1px solid #E0E1DC;}
.subnavs1 a:link, .subnavs1 a:visited {display:block; width:100%; font-size:13px; color:#fff; background-color:#818286; font-weight:normal; text-decoration:none; border:0px; border-bottom:1px solid #fff; padding:10px 15px;  }
.subnavs1 a:hover, .subnavs1 a:active {display:block; background-color:#cbcbcb;border:0px; border-top:1px solid #000;border-bottom:1px solid #fff;color:#fff; text-decoration:none;  }


/*CONTENTBEGIN*/
.homebluestrip { background:#dae1e8; padding:10px; border-bottom:4px solid #fff;}
.homebluelinetop {border-top:3px solid #2f76a3;}
.hometextlrg {font-weight: 900; color:#3176a3; text-transform:none; font-size:16px; font-family: 'Trebuchet MS', sans-serif; text-transform:none;}
.homeborder {border-top:1px solid #dae1e8; border-bottom:1px solid #dae1e8;  border-left:1px solid #dae1e8;  border-right:1px solid #dae1e8;}


#containerimg { position: relative; }
#homeimg {position: absolute; bottom: 5px; left: 0px; right:0px; padding: 5px 0px 5px 0px; background-color: #E6ECF3;text-align: center; font-size:0.98em; display:block}


.imgborder { border:1px solid #dae1e8;filter: grayscale(100%);-webkit-filter: grayscale(100%);/* For Webkit browsers */filter: gray;/* For IE 6 - 9 */-webkit-transition: all .6s ease;/* Transition for Webkit browsers */}
.imgborder:hover {filter: grayscale(0%);-webkit-filter: grayscale(0%);filter: none;}
  
  
.homebox4 { background:#E6ECF3; padding:10px;}
.homebox4 a:link{ text-decoration:none}
.homebox4 .heading3 { text-transform:none; font-size:16px; font-weight:600; color:#2f76a2}
.viewmore { /*display:block;*/ padding:6px 20px 6px 20px; background:#CCCCCC; font-weight:bold; color:#2f76a3; text-decoration:none}

 .viewmore:link{text-decoration:none;}
 .viewmore:hover{text-decoration:none; color:#fff; background:#000}



.homeabout {background:#DAE2ED; padding:10px;
-webkit-transition-property: background;
 -moz-transition-property: background;
   -o-transition-property: background;
         transition-property: background;
  -webkit-transition-duration: 1s;
      -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
      -moz-transition-timing-function: linear;
        -o-transition-timing-function: linear;
           transition-timing-function: linear;
		   padding:15px 15px 15px 15px;
		   cursor:pointer;
}
.homedownloads {background:#DAE2ED; padding:10px}
.homeabout:hover {background: #2C77A4;color:#FFF;}
.homeabout:hover h2{color:#FFF;}


.highlightsblack {color:#000; font-size:28px;}
.highlightsgrey {color:#a7a9ac; font-size:28px;}
.highlightsblue {color:#2f76a2; font-size:28px;}
.highlightsbluesmall {color:#2f76a2; font-size:17px;}
.highlightsblacksmall {color:#000; font-size:17px;}
.grapheaders {color:#2f76a2; font-size:16px;}
.blockblue {background-color:#2f76a2; color:#fff; font-size:16px; padding:10px;}

/** Blocks**/
.blockbluemediumtext {background-color:#2f76a2; color:#fff; font-size:22px; padding:5px;}
.blockgreenmediumtext {background-color:#378B94; color:#fff; font-size:22px; padding:5px;}
.blockblackmediumtext {background-color:#000; color:#fff; font-size:22px; padding:5px;}
.blueheader {color:#2f76a2;}

.bck1dottedbottomtopgrey { background:#dae0ea; border-bottom:2px dotted #ccc; border-top:2px dotted #ccc;}
.bck1grey { background:#dae0ea;}
.bck1dottedleftgrey { background:#dae0ea; border-left:2px dotted #ccc;}
.bck1dottedrightgrey { background:#dae0ea; border-right: 2px  #ccc dotted;}
.bck1dottedbottomgrey { background:#dae0ea; border-bottom: 2px  #ccc dotted;}
.tablebck2 { background:#dae0ea;}
.bck1dottedtopgrey { background:#dae0ea; border-top: 2px  #ccc dotted;}
.lightbluebackground {background-color:#d8dfe7; padding:5px; color:#000; font-weight: bold;border-top: 2px  #ccc dotted;border-bottom: 2px  #ccc dotted;}


.boxheadergrey {background-color:#2f76a3; border-right:2px dotted #ccc; color: #FFFFFF; border-right:2px dotted #ccc; padding:5px;}
.bluebackground-greyboder{background-color:#d8dfe7; border-top:2px dotted #ccc;border-bottom:2px dotted #ccc; padding:10px; color:#000; font-weight: bold;}
.bluebackground-greyboderbot{background-color:#d8dfe7; border-bottom:2px dotted #ccc; padding:10px; color:#000; font-weight: bold;}

.bluebackground-greybodernopad{background-color:#d8dfe7; border-top:2px dotted #ccc;border-bottom:2px dotted #ccc;color:#000; font-weight: bold;}
.bluebackground-greyboderbotnopad{background-color:#d8dfe7; border-bottom:2px dotted #ccc; color:#000; font-weight: bold;}

.bck1dottedbottomright { background:#dae0ea; border-bottom:2px dotted #ccc; border-right:2px dotted #ccc;}
.bck1dottedbottomleft { background:#dae0ea; border-bottom:2px dotted #ccc; border-left:2px dotted #ccc;}
.bck1dottedbottomleftright { background:#dae0ea; border-bottom:2px dotted #ccc; border-left:2px dotted #ccc;border:2px dotted #ccc;}
.boxheaderblue {background-color:#2f76a3; border-right:2px dotted #ccc; color: #FFFFFF; border-right:2px dotted #ccc; padding:5px;}
.boxheadernavy {background-color:#688fb5; border-right:2px dotted #ccc; color: #FFFFFF; border-right:2px dotted #ccc; padding:5px;}
.boxheaderbrown {background-color:#231f20; color: #FFFFFF; padding:10px; margin-bottom: 0px;}
.boxheaderblacknopad {background-color:#231f20; color: #FFFFFF; padding:5px;}
.box-blue {background-color:#2f76a3; color: #FFFFFF; padding:5px;}
.bck1dottedbottomright { background:#dae0ea; border-bottom:2px dotted #ccc; border-right:2px dotted #ccc;}
.bck1dottedbottomleft { background:#dae0ea; border-bottom:2px dotted #ccc; border-left:2px dotted #ccc;}
.boxheaderblue {background-color:#2f76a3; border-right:2px dotted #ccc; color: #FFFFFF; border-right:2px dotted #ccc; padding:5px;}




/** text colors**/

.introbluetext {color:#2f76a2; font-size:18px;}
.introdarkgreytext {color:#4d4d4f; font-size:18px;}
.introgreentext {color:#378B94; font-size:18px;}
.introbalcktext {color:#000; font-size:18px;}

.bluetext {color:#2C77A4}
.bluetextmedium {color:#2C77A4; font-size:50px}
.bluetextlarger {color:#2C77A4; font-size:80px}
.bluetextpadding {color:#2C77A4; padding: 4px 0 4px 0}
.backgroundblue { background:#2C77A4; padding:5px; margin-bottom:5px; }

.greentext {color:#378B94}
.greentextmedium {color:#378B94; font-size:50px}
.greentextlarger {color:#378B94; font-size:80px}
.greentextpadding {color:#378B94; padding: 4px 0 4px 0}
.backgroundgreen { background:#378B94; padding:5px; margin-bottom:5px; }

.blacktext {color:#000}
.blacktextmedium {color:#000; font-size:50px}
.blacktextlarger {color:#000; font-size:80px}
.blacktextpadding {color:#000; padding: 4px 0 4px 0}
.backgroundblack{ background:#000; padding:5px; margin-bottom:5px; }

.backgroundgrayishcyan { background:#98B9C0; padding:5px; margin-bottom:5px; }
.grayishcyantext {color:#98B9C0}
.grayishcyantextmedium {color:#98B9C0; font-size:50px}
.grayishcyantextlarger {color:#98B9C0; font-size:80px}
.grayishcyantextpadding {color:#98B9C0; padding: 4px 0 4px 0}





.cyantext {color:#378B95}
.cyantextpadding {color:#378B95; padding: 4px 0 4px 0}
.backgroundcyan { background:#378B95; padding:5px; margin-bottom:5px; }

.darkbluetext {color:#538FA8}
.darkbluetextpadding {color:#538FA8; padding: 4px 0 4px 0}
.backgrounddarkblue { background:#538FA8; padding:5px; margin-bottom:5px; }

.darkgreytext {color:#818285}
.darkgreytextpadding {color:#58595B; padding: 4px 0 4px 0}
.backgrounddardarkgrey { background:#818285; padding:5px; margin-bottom:5px; }

.lightgreytext {color:#C9CACC}
.lightgreytextpadding {color:#C9CACC; padding: 4px 0 4px 0}
.backgroundlightgrey { background:#C9CACC; padding:5px; margin-bottom:5px; }

.blockintroblue { display:block; padding:15px; color:#fff; background:#2C77A4; font-size:15px}
.blocklightblue { display:block; padding:5px 0 5px 5px;  background:#dae2ed; }
.blockgrayishblue { display:block; padding:5px 0 5px 5px;  background:#e6ecf3; }
.blockgrayishblue { display:block; padding:5px 0 5px 5px;  background:#e6ecf3; }
.blockglighthblue { display:block; padding:5px 0 5px 5px;  background:#EAF1F5; }
.morepaddingleft { padding-left:60px}

.blockintrogrey { display:block; padding:15px; color:#fff; background:#808285; font-size:15px}


.businessblock1 {padding:10px;  background:#bcc9db;}
.businessblock2 {padding:10px;  background:#c0d6e3;}
.businessblock3 {padding:10px;  background:#a7a9ac; color:#fff}

.riskblackblocknoline {padding:10px;  background:#000; color:#fff;}
.riskblackblock {padding:10px;  background:#000; color:#fff; border-bottom:#808285 solid 2px;}
.riskgreyblock {padding:10px;  background:#dcddde; color:#548fa7; border-bottom:#808285 solid 2px;}
.riskblueblocknoline {padding:10px;  background:#2f76a2; color:#fff;}
.riskblueblock {padding:10px;  background:#2f76a2; color:#fff; border-bottom:#808285 solid 2px;}
.riskblueblockwhiteline {padding:10px;  background:#2f76a2; color:#fff; border-bottom:#fff solid 2px;}
.riskdarkgreyblocknoline {padding:10px;  background:#bcbec0;}
.riskdarkgreyblock {padding:10px;  background:#bcbec0; border-bottom:#808285 solid 2px;}
.riskdarkgreyblockwhiteline {padding:10px;  background:#bcbec0; border-bottom:#fff solid 2px;}
.risklightblueblock {padding:10px;  background:#c0d6e3; border-bottom:#808285 solid 2px;}
.risklightblueblockwhiteline {padding:10px;  background:#c0d6e3; border-bottom:#fff solid 2px;}
.riskgreyproblocknoline {padding:10px;  background:#ebebec;}
.riskgreyproblock {padding:10px;  background:#ebebec; border-bottom:#808285 solid 2px;}
.riskgreyproblockwhiteline {padding:10px;  background:#ebebec; border-bottom:#fff solid 2px;}
.riskgreyseverblocknoline {padding:10px;  background:#dcddde; }
.riskgreyserverblock {padding:10px;  background:#dcddde; border-bottom:#808285 solid 2px;}
.riskgreyserverblockwhiteline {padding:10px;  background:#dcddde; border-bottom:#fff solid 2px;}
.riskgreylinebottom {border-bottom:#808285 solid 2px;}
.blockgreymediumtext {background-color:#A7A9AC; color:#fff; font-size:22px; padding:5px;}

.graphblock {background-color:#e5eef3; padding:10px;}
.graphblocklight {background-color:#ebf2f6; padding:10px;}
.markeygreyblock {background-color:#ebebec; padding:10px;}

.naturaldarkgrey {background-color:#4D4D4F; color:#FFFFFF}
.naturalgreycol {background-color:#DCDDDE; color:#2F76A2}
.naturallightgreycol {background-color:#EBEBEC; color:#000}

.stakeblue {background-color:#2F76A2; color:#FFFFFF; padding:5px; }
.stakedarkgrey {background-color:#58595B; color:#FFFFFF; padding:8px; }
.stakelightgrey {background-color:#DCDDDE; color:#000; padding:8px; }

.humandarkgrey {background-color:#DCDDDE; }
.humanlightgrey {background-color:#EBEBEC; }
.humandarkthick {background-color:#DCDDDE; border-bottom:#000 solid 2px; }
.humandarkthin {background-color:#DCDDDE; border-bottom:#000 solid 1px; }
.humanlightthick {background-color:#EBEBEC; border-bottom:#000 solid 2px; }
.humanlightthin {background-color:#EBEBEC; border-bottom:#000 solid 1px; }

.salinegrey {border-bottom:#a7a9ac solid 1px;}
.salinegreyblue {border-bottom:#a7a9ac solid 1px; color:#2f76a2}
.sadarkblue {background-color:#2f76a2; padding:10px; color:#fff; font-size:17px}
.salightblue {background-color:#e0ebf1; padding:10px;}

.historygrey {background-color:#ebebec; padding:10px;}
.historyblue {background-color:#e0ebf1; padding:10px; color:#2f76a2;}
.historydottedline {border-bottom:#000 dotted 2px; }
.historyh2 {font-weight: 900; color:#fff; background-color:#2f76a2; text-transform:none; font-size:17px; font-family: 'Trebuchet MS', sans-serif; text-transform:none; border-bottom:#fff solid 8px; border-top:#fff solid 8px;}

/** Lines **/
.linetop {border-top:#2C77A4 solid 1px;}
.linetop {border-top:#2C77A4 solid 1px;}
.linebottom {border-bottom:#2C77A4 solid 1px;}
.lineleft { border-left:#2C77A4 solid 1px}
.lineright { border-right:#2C77A4 solid 1px}
.linebottomright { border-right:#2C77A4 solid 1px;border-bottom:#2C77A4 solid 1px;}
.linebottomleft { border-left:#2C77A4 solid 1px;border-bottom:#2C77A4 solid 1px;}
.linetopright { border-right:#2C77A4 solid 1px;border-top:#2C77A4 solid 1px;}
.linetopleft { border-left:#2C77A4 solid 1px;border-top:#2C77A4 solid 1px;}
.linedotted { border-bottom:2px dotted #2C77A4;}
.linethick {border-bottom:2px solid #A7A9AC}
.lineblue {border-bottom:1px solid #2C77A4}
.linethickgreen {border-bottom:2px solid #86AEB6}
.lineheader { background:#B7C8DC; color:#2C77A4}

.linecolumnlightblue { background:#D8E0EB; color:#2C77A4 }
.linecolumndarkblue { background:#B7C8DC; color:#2C77A4}

.linecolumnlightblueright { background:#D8E0EB; color:#2C77A4; border-right:#000 1px solid;}
.linecolumndarkblueright { background:#B7C8DC; color:#2C77A4; border-right:#000 1px solid;}


.captionlink {font-size:11px;}
.caption {font-size:10px;}

.floatright {float:right; padding-left:15px; padding-bottom:10px;}
.floatleft {float:left; padding-right:15px; padding-bottom:10px;}

/*=FINANCIALS
---------*/
.fincolumn {background-color:#e0ebf1;}
.fincolumnblue {background-color:#e0ebf1; color:#2f76a2; font-weight:900;}
.finbluetext {color:#2f76a2; font-weight:900;}
.finbthinblue {border-bottom:1px solid #2f76a2; color:#2f76a2; font-weight:900;}
.finthickblue {border-bottom:2px solid #2f76a2; color:#2f76a2; font-weight:900;}
.finbthin {border-bottom:1px solid #2f76a2;}
.finthick {border-bottom:2px solid #2f76a2;}


/*back to top arrow*/
#back-to-top {position:fixed;bottom:2em;right:10%;text-decoration:none;font-size:2.4em;width:44px;height:44px;display:block;text-align:center;vertical-align:middle;border-radius:999px;color:#fff;background-color:#363636;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}
#back-to-top:after {content:'\f106';font-family:'fontawesome';speak: none;}
#back-to-top:hover {background:#ccc;}


/*breadcrumb*/
.breadcrumbs {font-size:11px;  padding:7px; background-color:#cbcbcb; border-bottom:2px solid #FFF; border-top:2px solid #FFF; color:#000;}
.breadcrumbsbottom {font-size:9px; padding:15px 0px 5px 15px; border-bottom:1px solid #d1d2d4;}

/*=FOOTER
---------*/
.captionsuppsrcase {text-transform:uppercase; font-size:10px;}
.footergrey {background-color:#818286; padding:10px; }
.footerhome {background-color:#898989; padding:25px; }


/*=LINKS
--------*/
.toplinks {font-size:11px; color:#999;}
.toplink {font-size:9px;}
.footer  a:link {color:#fff; text-decoration:none;}
.footer  a:visited {color:#fff; text-decoration:none}
.footer  a:hover {color:#000; text-decoration:none;}

.toplinks a:link {color:#908e8b; text-decoration:none;}
.toplinks a:visited {color:#908e8b; text-decoration:none}
.toplinks a:hover {color:#000; text-decoration:underline;}

.logo a:link {color:#000; text-decoration:underline;}
.logo a:visited {color:#000; text-decoration:underline}
.logo a:hover {color:#a7a9ac; text-decoration:none;}

.bread a:link {color:#fff; text-decoration:underline;}
.bread a:visited {color:#fff; text-decoration:underline}
.bread a:hover {color:#000; text-decoration:none;}

.breadcrumbsbottom a:link {color:#000; text-decoration:none; background-color:#d1d2d4; padding:8px;}
.breadcrumbsbottom a:visited {color:#fff; text-decoration:none}
.breadcrumbsbottom a:hover {color:#999; text-decoration:underline;}

.breadcrumbs a:link {color:#2f76a2; text-decoration:underline;}
.breadcrumbs a:visited {color:#999; text-decoration:underline;}
.breadcrumbs a:hover {color:#fff; text-decoration:underline;}

.content a:link {color:#2f76a3; text-decoration:underline;}
.content a:visited {color:#999; text-decoration:underline;}
.content a:hover {color:#999; text-decoration:underline;}

.contentinternal a:link {color:#2f76a3; text-decoration:underline;}
.contentinternal a:visited {color:#2f76a3;text-decoration:underline;}
.contentinternal a:hover {color:#999;text-decoration:underline;}

.contenthome a:link {color:#2f76a3; text-decoration:none;}
.contenthome a:visited {color:#2f76a3; text-decoration:none;}
.contenthome a:hover {color:#999; text-decoration:none;}

.contentinternalhome a:link {color:#2f76a3; text-decoration:none;}
.contentinternalhome a:visited {color:#2f76a3;text-decoration:none;}
.contentinternalhome a:hover {color:#999;text-decoration:none;}


.backToTop {padding:15px 0px 0px 0px;}
.backToTop a:link,.backToTop a:visited {font-size:9px; color:#000; text-decoration:none; background-color:#d1d2d4; padding:8px;}
.backToTop a:hover {color:#666; text-decoration:underline;}

/** footer **/

.footergreen {
 background: #DCDDDE;
 color:#2f76a2;
-webkit-transition-property: background;
 -moz-transition-property: background;
   -o-transition-property: background;
         transition-property: background;
  -webkit-transition-duration: 1s;
      -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
      -moz-transition-timing-function: linear;
        -o-transition-timing-function: linear;
           transition-timing-function: linear;
		   padding:15px 15px 15px 15px;
		  
}
.footergreen:hover { background: #2f76a2;color:#fff;}
.footergreen a:visited { color:#000; text-decoration:none }
.footergreen a:link { color:#2f76a2; text-decoration:none }
.footergreen a:hover { color:#fff; text-decoration:none }



/*pagination*/
.previousnext:link, .previousnext:visited {background-color:#2f76a2;color:#fff; border-radius:5px 5px 5px 5px;}
.previousnext:hover, .previousnext:active{background-color:#cbcbcb;color:#fff;}

/*END CONTENT*/


a:link {color:#2f76a3; text-decoration:underline;}
a:visited {color:#2f76a3;text-decoration:underline;}
a:hover {color:#999;text-decoration:underline;}



@media print {


}
