﻿
/* ===============================
     Core Global Styles
================================ */

/* Visibility */
.hide { display: none !important; }
.show { display: block !important; }
.show-ib { display: inline-block !important; }
.show-i { display: inline !important; }

/* Wrapping */
.clearall { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clearnone { clear: none !important; }
.cleardiv { width: 100%; overflow: hidden; }

/* Scrolling */
.scrollauto { overflow: auto !important; }
.scrollhide { overflow: hidden !important; }
.forcescroll { width: auto !important; overflow: auto !important; }

/* Alignment */
.center { margin: 0 auto; }
.floatleft { float: left !important; }
.floatright { float: right !important; }
.floatleftpad { float: left; padding-right: 1em; padding-bottom: 1em; }
.floatrightpad { float: right; padding-left: 1em; padding-bottom: 1em; }
.floatleftmar { float: left; margin-right: 1em; margin-bottom: 1em; }
.floatrightmar { float: right; margin-left: 1em; margin-bottom: 1em; }
.floatnone { float: none !important; }

/* Positioning */
.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }
.static { position: static; }

/* Spacing */
.margin-none { margin: 0 !important; }
.margin-extra { margin: 1em !important; }
.margintop-none { margin-top: 0 !important; }
.margintop-extra { margin-top: 1em !important; }
.marginbottom-none { margin-bottom: 0 !important; }
.marginbottom-extra { margin-bottom: 1em !important; }
.marginright-none { margin-right: 0 !important; }
.marginright-extra { margin-right: 1em !important; }
.marginleft-none { margin-left: 0 !important; }
.marginleft-extra { margin-left: 1em !important; }

.padding-none { padding: 0 !important; }
.padding-extra { padding: 1em !important; }
.paddingtop-none { padding-top: 0 !important; }
.paddingtop-extra { padding-top: 1em !important; }
.paddingbottom-none { padding-bottom: 0 !important; }
.paddingbottom-extra { padding-bottom: 1em !important; }
.paddingright-none { padding-right: 0 !important; }
.paddingright-extra { padding-right: 1em !important; }
.paddingleft-none { padding-left: 0 !important; }
.paddingleft-extra { padding-left: 1em !important; }

/* Text Alignment */
.textleft { text-align: left !important; }
.textcenter { text-align: center !important; }
.textright { text-align: right !important; }
.textnowrap { white-space: nowrap !important; }
.textsmall90 { font-size: 90% !important; }
.textsmall { font-size: 80% !important; }
.textstandard { text-transform: none !important; }
.textuppercase { text-transform: uppercase !important; }
.textcapitalize { text-transform: capitalize !important; }
.textnormal { font-weight: normal !important; }
.textbreak { word-wrap: break-word; }

/* Flexing */
.flex { display: flex; }
.flexfull { display: flex; width: auto; height: 100%; justify-content: center; align-items: center; }

/* Responsive
*:before, *::before, *:after, *::after { box-sizing: border-box; } */
div.column { float: left; padding: 0 1em; }
.columns_02 div.column { width: 50%; }
.columns_03 div.column { width: 33.33%; }
.columns_04 div.column { width: 25%; }
.columns_05 div.column { width: 20%; }
.columns_06 div.column { width: 16.66%; }
.columns_08 div.column { width: 12.5%; }
.columns_10 div.column { width: 10%; }
.columns_12 div.column { width: 8.33%; }

/* Rounded Corners */
.rounded04 { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.rounded06 { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.rounded08 { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.rounded10 { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.rounded12 { border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
.rounded16 { border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }
.rounded24 { border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; }
.roundedtoponly { border-bottom-right-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; }
.roundedbottomonly { border-top-right-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; }
.roundedleftonly { border-bottom-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0;  }
.roundedrightonly { border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0;  }
.roundedNWSEonly { border-bottom-left-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-right-radius: 0; }
.roundedNESWonly { border-bottom-right-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-topleft: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-left-radius: 0; }

/* Opacities */
.opacity100 { opacity: 1.0 !important; }
.opacity50 { opacity: 0.5 !important; }
.opacity0 { opacity: 0 !important; }

/* Forced sizes */
.w20  { width: 20px !important; min-width: 20px !important; }
.w25  { width: 25px !important; min-width: 25px !important; }
.w30  { width: 30px !important; min-width: 30px !important; }
.w35  { width: 35px !important; min-width: 35px !important; }
.w40  { width: 40px !important; min-width: 40px !important; }
.w45  { width: 45px !important; min-width: 45px !important; }
.w50  { width: 50px !important; min-width: 50px !important; }
.w60  { width: 60px !important; min-width: 60px !important; }
.w70  { width: 70px !important; min-width: 70px !important; }
.w80  { width: 80px !important; min-width: 80px !important; }
.w90  { width: 90px !important; min-width: 90px !important; }
.w100 { width: 100px !important; min-width: 100px !important; }
.w110 { width: 110px !important; min-width: 110px !important; }
.w120 { width: 120px !important; min-width: 120px !important; }
.w125 { width: 125px !important; min-width: 125px !important; }
.w130 { width: 130px !important; min-width: 130px !important; }
.w140 { width: 140px !important; min-width: 140px !important; }
.w150 { width: 150px !important; min-width: 150px !important; }
.w160 { width: 160px !important; min-width: 160px !important; }
.w170 { width: 170px !important; min-width: 170px !important; }
.w175 { width: 175px !important; min-width: 175px !important; }
.w180 { width: 180px !important; min-width: 180px !important; }
.w190 { width: 190px !important; min-width: 190px !important; }
.w200 { width: 200px !important; min-width: 200px !important; }
.w210 { width: 210px !important; min-width: 210px !important; }
.w220 { width: 220px !important; min-width: 220px !important; }
.w225 { width: 225px !important; min-width: 225px !important; }
.w230 { width: 230px !important; min-width: 230px !important; }
.w240 { width: 240px !important; min-width: 240px !important; }
.w250 { width: 250px !important; min-width: 250px !important; }
.w260 { width: 260px !important; min-width: 260px !important; }
.w270 { width: 270px !important; min-width: 270px !important; }
.w275 { width: 275px !important; min-width: 275px !important; }
.w280 { width: 280px !important; min-width: 280px !important; }
.w290 { width: 290px !important; min-width: 290px !important; }
.w300 { width: 300px !important; min-width: 300px !important; }
.w310 { width: 310px !important; min-width: 310px !important; }
.w320 { width: 320px !important; min-width: 320px !important; }
.w325 { width: 325px !important; min-width: 325px !important; }
.w330 { width: 330px !important; min-width: 330px !important; }
.w340 { width: 340px !important; min-width: 340px !important; }
.w350 { width: 350px !important; min-width: 350px !important; }
.w360 { width: 360px !important; min-width: 360px !important; }
.w370 { width: 370px !important; min-width: 370px !important; }
.w375 { width: 375px !important; min-width: 375px !important; }
.w380 { width: 380px !important; min-width: 380px !important; }
.w390 { width: 390px !important; min-width: 390px !important; }
.w400 { width: 400px !important; min-width: 400px !important; }
.w410 { width: 410px !important; min-width: 410px !important; }
.w420 { width: 420px !important; min-width: 420px !important; }
.w425 { width: 425px !important; min-width: 425px !important; }
.w430 { width: 430px !important; min-width: 430px !important; }
.w440 { width: 440px !important; min-width: 440px !important; }
.w450 { width: 450px !important; min-width: 450px !important; }
.w460 { width: 460px !important; min-width: 460px !important; }
.w470 { width: 470px !important; min-width: 470px !important; }
.w480 { width: 480px !important; min-width: 480px !important; }
.w490 { width: 490px !important; min-width: 490px !important; }
.w500 { width: 500px !important; min-width: 500px !important; }
.w510 { width: 510px !important; min-width: 510px !important; }
.w520 { width: 520px !important; min-width: 520px !important; }
.w530 { width: 530px !important; min-width: 530px !important; }
.w540 { width: 540px !important; min-width: 540px !important; }
.w550 { width: 550px !important; min-width: 550px !important; }
.w560 { width: 560px !important; min-width: 560px !important; }
.w570 { width: 570px !important; min-width: 570px !important; }
.w580 { width: 580px !important; min-width: 580px !important; }
.w590 { width: 590px !important; min-width: 590px !important; }
.w600 { width: 600px !important; min-width: 600px !important; }
.w610 { width: 610px !important; min-width: 610px !important; }
.w620 { width: 620px !important; min-width: 620px !important; }
.w630 { width: 630px !important; min-width: 630px !important; }
.w640 { width: 640px !important; min-width: 640px !important; }
.w650 { width: 650px !important; min-width: 650px !important; }
.w660 { width: 660px !important; min-width: 660px !important; }
.w670 { width: 670px !important; min-width: 670px !important; }
.w680 { width: 680px !important; min-width: 680px !important; }
.w690 { width: 690px !important; min-width: 690px !important; }
.w700 { width: 700px !important; min-width: 700px !important; }
.w710 { width: 710px !important; min-width: 710px !important; }
.w720 { width: 720px !important; min-width: 720px !important; }
.w730 { width: 730px !important; min-width: 730px !important; }
.w740 { width: 740px !important; min-width: 740px !important; }
.w750 { width: 750px !important; min-width: 750px !important; }
.w760 { width: 760px !important; min-width: 760px !important; }
.w770 { width: 770px !important; min-width: 770px !important; }
.w780 { width: 780px !important; min-width: 780px !important; }
.w790 { width: 790px !important; min-width: 790px !important; }
.w800 { width: 800px !important; min-width: 800px !important; }
.w825 { width: 825px !important; min-width: 825px !important; }
.w850 { width: 850px !important; min-width: 850px !important; }
.w875 { width: 875px !important; min-width: 875px !important; }
.w900 { width: 900px !important; min-width: 900px !important; }
.w925 { width: 925px !important; min-width: 925px !important; }
.w950 { width: 950px !important; min-width: 950px !important; }
.w975 { width: 975px !important; min-width: 975px !important; }
.w1000 { width: 1000px !important; min-width: 1000px !important; }
.w95p { width: 95% !important; min-width: 95% !important; }
.w99p { width: 99% !important; min-width: 99% !important; }
.w100p { width: 100%; }
.wauto { width: auto !important; min-width: 0px !important; max-width: 100% !important; }

.h20 { height: 20px !important; min-height: 20px !important; }
.h25 { height: 25px !important; min-height: 25px !important; }
.h30 { height: 30px !important; min-height: 30px !important; }
.h35 { height: 35px !important; min-height: 35px !important; }
.h40 { height: 40px !important; min-height: 40px !important; }
.h45 { height: 45px !important; min-height: 45px !important; }
.h50 { height: 50px !important; min-height: 50px !important; }
.h60 { height: 60px !important; min-height: 60px !important; }
.h75 { height: 75px !important; min-height: 75px !important; }
.h80 { height: 80px !important; min-height: 80px !important; }
.h90 { height: 80px !important; min-height: 80px !important; }
.h100 { height: 100px !important; min-height: 100px !important; }
.h120 { height: 120px !important; min-height: 120px !important; }
.h140 { height: 140px !important; min-height: 140px !important; }
.h150 { height: 150px !important; min-height: 150px !important; }
.h160 { height: 160px !important; min-height: 160px !important; }
.h180 { height: 180px !important; min-height: 180px !important; }
.h200 { height: 200px !important; min-height: 200px !important; }
.h220 { height: 220px !important; min-height: 220px !important; }
.h240 { height: 240px !important; min-height: 240px !important; }
.h260 { height: 260px !important; min-height: 260px !important; }
.h280 { height: 280px !important; min-height: 280px !important; }
.h300 { height: 300px !important; min-height: 300px !important; }
.h350 { height: 350px !important; min-height: 350px !important; }
.h400 { height: 400px !important; min-height: 400px !important; }
.h450 { height: 450px !important; min-height: 450px !important; }
.h500 { height: 500px !important; min-height: 500px !important; }
.h550 { height: 550px !important; min-height: 550px !important; }
.hauto { height: auto !important; min-height: 0px !important; max-height: 100% !important; }
.h100p { height: 100%; }

/* GLOBAL PORTAL SETTINGS */
body, html { height: 100%; }

/* CLEARS THE 'X' FROM THE TEXT INPUT BOX IN IE */
.ms_clear::-ms-clear { display: none; }