/* COMMON CLASSES */
/* primary color classes */
.primary1-light { background-color: #D9D9D6 /* Optum Light Gray */ }
.primary1-mid-lt { background-color: #B1B3B3 /* Optum Mid Gray 2 */ }
.primary1-mid { background-color: #888B8D /* Optum Mid Gray 1 */  }
.primary1-dark { background-color: #53565A /* Optum Dark Gray */ }

.primary2-lightest { background-color: #fff1e6 }
.primary2-bkg { background-color: #f8e4d4 }
.primary2-light { background-color: #F5C39E }
.primary2-mid-lt { background-color: #EE9959 }
.primary2-mid { background-color: #E87722 /* Optum Orange */ }
.primary2-dark { background-color: #D85B00 }

.primary3-light { background-color: #F8E4AD }
.primary3-mid-lt { background-color: #F4D175 }
.primary3-mid { background-color: #F0C145 }
.primary3-dark { background-color: #EAAA00 /* Oputm Yellow */ }
/* /primary color classes */

/* secondary color classes */
.white-bkg { background: #FFF !important }
.gray-lightest { background-color: #F5F5F5 }
.gray-bkg { background-color: #E6E6E6 }
.gray-drk { background-color: #CCCDCD }

.red-bkg { background-color: #ECB7BE }
.red-light { background-color: #D45B6C }
.red-med { background-color: #CE0C28 }

.orange-bkg { background-color: #EDC6AE }
.orange-light { background-color: #D57E47 }
.orange-med { background-color: #C7550C }

.yellow-bkg { background-color: #FDF0CE }
.yellow-light { background-color: #FBDD8D }
.yellow-med { background-color: #DD8C00 }
.yellow-mid { background-color: #F0C145 }

.green-bkg { background-color: #DEDFBD }
.green-light { background-color: #B3B668 }
.green-med { background-color: #8E9300 }

.green-blue-bkg { background-color: #C0E0DE }
.green-blue-light { background-color: #70B9B3 }
.green-blue-med { background-color: #0D776E }

.blue-bkg { background-color: #BBCEE2 }
.blue-light { background-color: #4479AE }
.blue-med { background-color: #013467 }

.tan-bkg { background-color: #fceec9 } /* H3 */

/* /secondary color classes */

/* tertiary color classes */
.bright-orange-bkg { background-color: #FCC69F }
.bright-orange-light { background-color: #FA9E5B }
.bright-orange-med { background-color: #F56C07 }

.bright-yellow-bkg { background-color: #FFF79F }
.bright-yellow-light { background-color: #FFF15B }
.bright-yellow-med { background-color: #FEDA13 }

.cream-light { background-color: #FFFDEC }

.grass-bkg { background-color: #BEE5BF }
.grass-light { background-color: #81CC83 }
.grass-med { background-color: #40B443 }

.aqua-bkg { background-color: #C9EDEA }
.aqua-light { background-color: #99DED8 }
.aqua-med { background-color: #02C7B7 }

.bright-blue-bkg { background-color: #C5CCFD }
.bright-blue-light { background-color: #9DA8FC }
.bright-blue-med { background-color: #2F1DB8 }

.violet-bkg { background-color: #C4A4EA }.
.violet-light { background-color: #9A66DC }
.violet-med { background-color: #5F3493 }

.purple-bkg { background-color: #E5C1E9 }
.purple-light { background-color: #D396DA }
.purple-med { background-color: #A145AC }

.pink-bkg { background-color: #FDCDE2 }
.pink-light { background-color: #FAA0C8 }
.pink-med { background-color: #EF579B }

.slate-bkg { background-color: #BFC0D1 }
.slate-light { background-color: #9294B0 }
.slate-med { background-color: #4F5280 }

.brown-bkg { background-color: #D2BEB0 }
.brown-light { background-color: #B39078 }
.brown-med { background-color: #754C32 }

/* /tertiary color classes */

.cursor-pointer { cursor: pointer }
.cursor-default { cursor: default }
.cursor-hand { cursor: hand }

/* LAYOUT CLASSES */
.clear { clear: both !important }
.clear-left { clear: left !important }
.clear-right { clear: right !important }
.clear-floats { overflow: hidden; _height: 1%; }

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


.display-none { display: none }
.display-block { display: block !important }
.display-inline { display: inline !important }

.float-none { float: none !important }
.float-left { float: left !important }
.float-right { float: right !important }

.margin-none { margin: 0 !important }
.margin-auto { margin-left: auto !important; margin-right: auto !important }

.margin-all { margin: 10px !important }
.margin-top { margin-top: 2px !important }
.margin-right { margin-right: 10px !important }
.margin-bottom { margin-bottom: 10px !important }
.margin-left { margin-left: 10px !important }
.margin-all-sm { margin: 5px !important }
.margin-top-sm { margin-top: 5px !important }
.margin-right-sm { margin-right: 5px !important }
.margin-bottom-sm { margin-bottom: 5px !important }
.margin-left-sm { margin-left: 5px !important }

.margin-bottom-1 { margin-bottom: 1px !important }
.margin-bottom-2 { margin-bottom: 2px !important }
.margin-bottom-3 { margin-bottom: 3px !important }
.margin-bottom-4 { margin-bottom: 4px !important }
.margin-bottom-15 { margin-bottom: 15px !important }
.margin-bottom-20 { margin-bottom: 20px !important }
.margin-bottom-25 { margin-bottom: 25px !important }
.margin-bottom-30 { margin-bottom: 30px !important }
.margin-bottom-35 { margin-bottom: 35px !important }
.margin-bottom-40 { margin-bottom: 40px !important }

.margin-left-1 { margin-left: 1px !important }
.margin-left-2 { margin-left: 2px !important }
.margin-left-3 { margin-left: 3px !important }
.margin-left-4 { margin-left: 4px !important }

.margin-right-1 { margin-right: 1px !important }
.margin-right-2 { margin-right: 2px !important }
.margin-right-3 { margin-right: 3px !important }
.margin-right-4 { margin-right: 4px !important }
.margin-right-15 { margin-right: 15px !important }
.margin-right-20 { margin-right: 20px !important }
.margin-right-25 { margin-right: 25px !important }

.margin-top-1 { margin-top: 1px !important }
.margin-top-2 { margin-top: 2px !important }
.margin-top-3 { margin-top: 3px !important }
.margin-top-4 { margin-top: 4px !important }
.margin-top-6 { margin-top: 6px !important }
.margin-top-7 { margin-top: 7px !important }
.margin-top-15 { margin-top: 15px !important }
.margin-top-16 { margin-top: 16px !important }
.margin-top-17 { margin-top: 17px !important }
.margin-top-18 { margin-top: 18px !important }
.margin-top-19 { margin-top: 19px !important }
.margin-top-20 { margin-top: 20px !important }
.margin-top-21 { margin-top: 21px !important }
.margin-top-22 { margin-top: 22px !important }
.margin-top-23 { margin-top: 23px !important }
.margin-top-24 { margin-top: 24px !important }
.margin-top-25 { margin-top: 25px !important }
.margin-top-26 { margin-top: 26px !important }
.margin-top-27 { margin-top: 27px !important }
.margin-top-30 { margin-top: 30px !important }
.margin-top-40 { margin-top: 40px !important }
.margin-top-45 { margin-top: 45px !important }
.margin-top-50 { margin-top: 50px !important }

.margin-top-lg { margin-top: 15px !important }
.margin-negative { margin: -10px !important }
.margin-negative-sm { margin: -5px !important }

.padding-none { padding: 0 !important }

.padding-all { padding: 10px !important }
.padding-all-sm { padding: 5px !important }

.padding-top { padding-top: 10px !important }
.padding-top-sm { padding-top: 0px !important }

.padding-bottom { padding-bottom: 10px !important }
.padding-bottom-sm { padding-bottom: 5px !important }

.padding-right { padding-right: 10px !important }
.padding-right-sm { padding-right: 5px !important }
.padding-right-1 { padding-right: 1px !important }
.padding-right-2 { padding-right: 2px !important }
.padding-right-3 { padding-right: 3px !important }
.padding-right-4 { padding-right: 4px !important }

.padding-left { padding-left: 10px !important }
.padding-left-sm { padding-left: 5px !important }
.padding-left-1 { padding-left: 1px !important }
.padding-left-2 { padding-left: 2px !important }
.padding-left-3 { padding-left: 3px !important }
.padding-left-4 { padding-left: 4px !important }

.position-relative { position: relative !important }
.position-absolute { position: absolute }
.position-fixed { position: fixed }

.scroll_vertical { overflow-y: scroll;overflow-x: hidden; z-index:120; }
.scroll_horizontal { overflow-y: hidden;overflow-x: scroll; }
.scroll { overflow: auto }
.hide { overflow: hidden }
.hidden { visibility: hidden }
.visible { visibility: visible }

.vertical-top {vertical-align: top;}
.vertical-middle {vertical-align: middle;}
.vertical-bottom {vertical-align: bottom;}

.z-index-neg1 { z-index:-1 !important}
.z-index-0 { z-index: 0 !important }
.z-index, .z-index-1 { z-index: 100 !important }
.z-index-2 { z-index: 120 !important }
.z-index-3 { z-index: 140 !important }
.z-index-4 { z-index: 160 !important }
.z-index-5 { z-index: 180 !important }
.z-index-6 { z-index: 200 !important }
.z-index-7 { z-index: 220 !important }
.z-index-8 { z-index: 240 !important }
.z-index-700 { z-index: 700 !important }
.z-index-800 { z-index: 800 !important }

.z-index-5-set { z-index: 5 !important }
.z-index-6-set { z-index: 6 !important }
.z-index-11-set { z-index: 11 !important }

.width-full, .width-100 { width: 100% !important }
.width-full.padding-all { width: 96% !important; padding: 2% !important }
.width-full.padding-all-sm { width: 98% !important; padding: 1% !important }
.width-full.padding-all .margin-negative { margin: -2% -2% 10px -2% !important }
.width-auto { width: auto !important }
.height-auto { height: auto !important }

.half { width: 50% !important; float: left }
.half.margin-right { width: 48% !important; margin-right: 1% }
.half.margin-left { width: 48% !important; margin-left: 1% }
.half.padding-all { width: 48% !important; padding: 1% !important }
.half.padding-all.border-left { width: 47% !important; padding: 1% !important }
.half.margin-right.border-all { width: 47% !important; margin-right: 1% }
.half.border-all { width: 49% !important }

.two-thirds { width: 66% !important; float: left }
.two-thirds.margin-right { width: 65% !important; margin-right: 1% }
.third { width: 33% !important; float: left }
.third.margin-right { width: 32% !important; margin-right: 1% }
.third.last { width: 32% !important }
.onethirdsecond { width: 30% !important; float: left }
.thirdsecond { width: 20% !important;float: left }
.smaller { width: 9% !important; float: left }


.quarter { width: 25% !important; float: left }
.quarter.margin-right { width: 24% !important; margin-right: 1% }
.quarter.margin-right.border-all { width: 23% !important; margin-right: 1% }
.three-quarters { width: 75% !important; float: left }

.fifth { width: 20% !important; float: left }

.width-2 { width: 2% !important }
.width-3 { width: 3% !important }
.width-4 { width: 4% !important }
.width-5 { width: 5% !important }
.width-6 { width: 6% !important }
.width-7 { width: 7% !important }
.width-8 { width: 8% !important }
.width-9 { width: 9% !important }
.width-10 { width: 10% !important }
.width-11 { width: 11% !important }
.width-12 { width: 12% !important }
.width-13 { width: 13% !important }
.width-14 { width: 14% !important }
.width-15 { width: 15% !important }
.width-16 { width: 16% !important }
.width-17 { width: 17% !important }
.width-18 { width: 18% !important }
.width-19 { width: 19% !important }
.width-20 { width: 20% !important }
.width-21 { width: 21% !important }
.width-22 { width: 22% !important }
.width-23 { width: 23% !important }
.width-24 { width: 24% !important }
.width-25 { width: 25% !important }
.width-26 { width: 26% !important }
.width-27 { width: 27% !important }
.width-29 { width: 29% !important }
.width-30 { width: 30% !important }
.width-31 { width: 31% !important }
.width-32 { width: 32% !important }
.width-33 { width: 33% !important }
.width-34 { width: 34% !important }
.width-35 { width: 35% !important }
.width-36 { width: 36% !important }
.width-37 { width: 37% !important }
.width-39 { width: 39% !important }
.width-40 { width: 40% !important }
.width-41 { width: 41% !important }
.width-42 { width: 42% !important }
.width-43 { width: 43% !important }
.width-44 { width: 44% !important }
.width-45 { width: 45% !important }
.width-46 { width: 46% !important }
.width-47 { width: 47% !important }
.width-48 { width: 48% !important }
.width-49 { width: 49% !important }
.width-50 { width: 50% !important }
.width-51 { width: 51% !important }
.width-53 { width: 53% !important }
.width-54 { width: 54% !important }
.width-55 { width: 55% !important }
.width-56 { width: 56% !important }
.width-58 { width: 58% !important }
.width-60 { width: 60% !important }
.width-61 { width: 61% !important }
.width-62 { width: 62% !important }
.width-63 { width: 63% !important }
.width-64 { width: 64% !important }
.width-65 { width: 65% !important }
.width-66 { width: 66% !important }
.width-67 { width: 67% !important }
.width-68 { width: 68% !important }
.width-69 { width: 69% !important }
.width-70 { width: 70% !important }
.width-71 { width: 71% !important }
.width-72 { width: 72% !important }
.width-73 { width: 73% !important }
.width-74 { width: 74% !important }
.width-75 { width: 75% !important }
.width-76 { width: 76% !important }
.width-78 { width: 78% !important }
.width-80 { width: 80% !important }
.width-82 { width: 82% !important }
.width-83 { width: 83% !important }
.width-84 { width: 84% !important }
.width-85 { width: 85% !important }
.width-86 { width: 86% !important }
.width-88 { width: 88% !important }
.width-90 { width: 90% !important }
.width-91 { width: 91% !important }
.width-92 { width: 92% !important }
.width-93 { width: 93% !important }
.width-94 { width: 94% !important }
.width-95 { width: 95% !important }
.width-96 { width: 96% !important }
.width-100 { width: 100% !important }
.width-98 { width: 98% !important }
.width-99 { width: 99% !important }
.width-101 { width: 99.9% !important}

.width-120 { width: 120px !important }
.width-140 { width: 140px !important }
.width-145 { width: 145px !important }
.width-149 { width: 149px }
.width-150 { width: 150px !important }
.width-155 { width: 155px !important }
.width-160 { width: 160px !important }
.width-165 { width: 165px !important }
.width-170 { width: 170px !important }
.width-172 { width: 172px !important }
.width-175 { width: 175px !important }
.width-178 { width: 178px }
.width-179 { width: 179px !important }
.width-200 { width: 200px !important }
.width-230 { width: 230px !important }
.width-250 { width: 250px !important }
.width-299 { width: 299px }
.width-400 { width: 400px !important }
.width-449 { width: 449px }
.width-450 { width: 450px }
.width-500 { width: 500px }
.width-550 { width: 550px }
.width-600 { width: 600px !important }
.width-650 { width: 650px }
.width-700 { width: 700px !important }
.width-725 { width: 725px }
.width-750 { width: 750px !important }
.width-800 { width: 800px }
.width-850 { width: 850px }
.width-866 { width: 866px }
.width-915 { width: 915px }
.pop-window { width: 866px; padding-left: 10px }

.height-0 { height: 0px }
.height-1 { height: 1px }
.height-2 { height: 2px }
.height-6 { height: 6px }
.height-7 { height: 7px }
.height-8 { height: 8px }
.height-9 { height: 9px }
.height-10 { height: 10px }
.height-11 { height: 11px }
.height-12 { height: 12px }
.height-13 { height: 13px }
.height-14 { height: 14px }
.height-15 { height: 15px }
.height-16 { height: 16px }
.height-17 { height: 17px }
.height-18 { height: 18px }
.height-19 { height: 19px }
.height-20 { height: 20px }
.height-21 { height: 21px }
.height-22 { height: 22px }
.height-23 { height: 23px }
.height-24 { height: 24px }
.height-25 { height: 25px }
.height-26 { height: 26px }
.height-27 { height: 27px }
.height-28 { height: 28px }
.height-30 { height: 30px }
.height-31 { height: 31px }
.height-36 { height: 36px }
.height-37 { height: 37px }
.height-40 { height: 40px }
.height-41 { height: 41px }
.height-45 { height: 45px }
.height-50 { height: 50px }
.height-54 { height: 54px }
.height-60 { height: 60px }
.height-68 { height: 68px }
.height-71 { height: 71px }
.height-75 { height: 75px }
.height-80 { height: 80px !important }
.height-85 { height: 85px }
.height-90 { height: 90px }
.height-91 { height: 91px }
.height-92 { height: 92px }
.height-93 { height: 93px }
.height-94 { height: 94px }
.height-95 { height: 95px }
.height-96 { height: 96px }
.height-97 { height: 97px }
.height-98 { height: 98px }
.height-99 { height: 99px }
.height-100 { height: 100px !important }
.height-120 { height: 120px }
.height-125 { height: 125px !important }
.height-127 { height: 127px !important }
.height-135 { height: 135px !important }
.height-150 { height: 150px !important }
.height-151 { height: 151px !important }
.height-152 { height: 152px !important }
.height-153 { height: 153px !important }
.height-154 { height: 154px !important }
.height-155 { height: 155px !important }
.height-156 { height: 156px !important }
.height-157 { height: 157px !important }
.height-158 { height: 158px !important }
.height-159 { height: 159px !important }
.height-160 { height: 160px !important }
.height-175 { height: 175px !important }
.height-200 { height: 200px !important }
.height-224 { height: 224px !important }
.height-240 { height: 240px }
.height-250 { height: 250px !important }
.height-260 { height: 260px !important }
.height-275 { height: 275px }
.height-270 { height: 270px }
.height-280 { height: 280px }
.height-285 { height: 285px }
.height-287 { height: 287px }
.height-290 { height: 290px }
.height-295 { height: 295px }
.height-300 { height: 300px }
.height-303 { height: 303px }
.height-310 { height: 310px }
.height-315 { height: 315px !important }
.height-320 { height: 320px !important }
.height-325 { height: 325px !important }
.height-330 { height: 330px !important }
.height-335 { height: 335px !important }
.height-340 { height: 340px !important }
.height-345 { height: 345px }
.height-350 { height: 350px }
.height-355 { height: 355px }
.height-360 { height: 360px }
.height-365 { height: 365px }
.height-370 { height: 370px }
.height-375 { height: 375px }
.height-380 { height: 380px }
.height-385 { height: 385px }
.height-390 { height: 390px }
.height-395 { height: 395px }
.height-400 { height: 400px !important }
.height-414 { height: 414px !important }
.height-425 { height: 425px }
.height-430 { height: 430px }
.height-435 { height: 435px }
.height-440 { height: 440px }
.height-445 { height: 445px }
.height-450 { height: 450px }
.height-455 { height: 455px }
.height-460 { height: 460px }
.height-465 { height: 465px }
.height-475 { height: 475px }
.height-470 { height: 470px }
.height-485 { height: 485px }
.height-490 { height: 490px }
.height-500 { height: 500px }
.height-520 { height: 520px }
.height-510 { height: 510px }
.height-524 { height: 524px }
.height-530 { height: 530px }
.height-540 { height: 540px }
.height-545 { height: 545px }
.height-550 { height: 550px }
.height-555 { height: 555px }
.height-560 { height: 560px }
.height-565 { height: 565px }
.height-570 { height: 570px }
.height-575 { height: 575px }
.height-580 { height: 580px }
.height-585 { height: 585px }
.height-592 { height: 592px }
.height-594 { height: 594px }
.height-600 { height: 600px }
.height-625 { height: 625px }
.height-650 { height: 650px }
.height-700 { height: 700px }
.height-750 { height: 750px }
.height-800 { height: 800px }
.height-850 { height: 850px }
.height-900 { height: 900px }
.height-950 { height: 950px }
.height-16percent { height: 16% }
.height-18percent { height: 18% }
.height-22percent { height: 22% }
.height-25percent { height: 25% }
.height-27percent { height: 27% }
.height-30percent { height: 30% }
.height-32percent { height: 32% }
.height-35percent { height: 35% }
.height-38percent { height: 38% }
.height-40percent { height: 40% }
.height-43percent { height: 43% }
.height-45percent { height: 45% }
.height-48percent { height: 48% }
.height-49percent { height: 49% }
.height-50percent { height: 50% }
.height-51percent { height: 51% }
.height-52percent { height: 52% }
.height-55percent { height: 55% }
.height-56percent { height: 56% }
.height-57percent { height: 57% }
.height-58percent { height: 58% }
.height-59percent { height: 59% }
.height-60percent { height: 60% }
.height-61percent { height: 61% }
.height-63percent { height: 63% }
.height-64percent { height: 64% }
.height-65percent { height: 65% }
.height-66percent { height: 66% }
.height-67percent { height: 67% }
.height-68percent { height: 68% }
.height-69percent { height: 69% }
.height-70percent { height: 70% }
.height-71percent { height: 71% }
.height-72percent { height: 72% }
.height-73percent { height: 73% }
.height-75percent { height: 75% }
.height-76percent { height: 76% }
.height-77percent { height: 77% }
.height-78percent { height: 78% }
.height-79percent { height: 79% }
.height-80percent { height: 80% }
.height-81percent { height: 81% }
.height-82percent { height: 82% }
.height-83percent { height: 83% }
.height-84percent { height: 84% }
.height-85percent { height: 85% }
.height-86percent { height: 86% }
.height-87percent { height: 87% }
.height-88percent { height: 88% }
.height-89percent { height: 89% }
.height-90percent { height: 90% }
.height-91percent { height: 91% }
.height-92percent { height: 92% }
.height-93percent { height: 93% }
.height-94percent { height: 94% }
.height-95percent { height: 95% }
.height-96percent { height: 96% }
.height-97percent { height: 97% }
.height-98percent { height: 98% }
.height-99percent { height: 99% }
.height-100percent { height: 100% }

.left-0 { left: 0px; }
.left-1 { left: 1px; }
.left-80 { left:80px; }
.left-333 { left:333px; }
.left-15percent { left:15%; }
.left-16percent { left:16%; }
.left-17percent { left:17%; }
.left-18percent { left:18%; }
.left-19percent { left:19%; }
.left-20percent { left:20%; }
.left-21percent { left:21%; }
.left-22percent { left:22%; }
.left-23percent { left:23%; }
.left-24percent { left:24%; }
.left-25percent { left:25%; }
.left-26percent { left:26%; }
.left-27percent { left:27%; }
.left-28percent { left:28%; }
.left-29percent { left:29%; }
.left-30percent { left:30%; }
.left-31percent { left:31%; }
.left-34percent { left:34%; }
.left-35percent { left:35%; }
.left-39percent { left:39%; }
.left-40percent { left:40%; }
.left-42percent { left:42%; }
.left-43percent { left:43%; }
.left-45percent { left:45%; }
.left-46percent { left:46%; }
.left-48percent { left:48%; }
.left-49percent { left:49%; }
.left-50percent { left:50%; }
.left-51percent { left:51%; }
.left-53percent { left:53%; }
.left-52percent { left:52%; }
.left-54percent { left:54%; }
.left-55percent { left:55%; }
.left-56percent { left:56%; }
.left-57percent { left:57%; }
.left-60percent { left:60%; }
.left-61percent { left:61%; }
.left-62percent { left:62%; }
.left-63percent { left:63%; }
.left-64percent { left:64%; }
.left-65percent { left:65%; }
.left-69percent { left:69%; }
.left-70percent { left:70%; }
.left-71percent { left:71%; }
.left-73percent { left:73%; }
.left-75percent { left:75%; }
.left-77percent { left:77%; }
.left-78percent { left:78%; }
.left-80percent { left:80%; }
.left-81percent { left:81%; }
.left-82percent { left:82%; }
.left-90percent { left:90%; }
.left-91percent { left:91%; }
.left-92percent { left:92%; }
.left-94percent { left:94%; }
.left-95percent { left:95%; }
.left-96percent { left:96%; }
.left-97percent { left:97%; }
.left-98percent { left:98%; }
.left-99percent { left:99%; }

.top-5 { top: 5px; }
.top-10 { top: 10px; }
.top-15 { top: 15px; }
.top-20 { top: 20px; }
.top-25 { top: 25px; }
.top-28 { top: 28px; }
.top-30 { top: 30px; }
.top-35 { top: 35px; }
.top-40 { top: 40px; }
.top-45 { top: 45px; }
.top-50 { top: 50px; }
.top-75 { top: 75px; }
.top-100 { top: 100px; }
.top-150 { top: 150px; }
.top-200 { top: 200px; }
.top-250 { top: 250px; }
.top-300 { top: 300px; }
.top-330 { top: 330px; }
.top-350 { top: 350px; }

.bottom-1 { bottom: 1px; }
.bottom-2 { bottom: 2px; }
.bottom-3 { bottom: 3px; }
.bottom-4 { bottom: 4px; }
.bottom-5 { bottom: 5px; }
.bottom-6 { bottom: 6px; }
.bottom-7 { bottom: 7px; }
.bottom-8 { bottom: 8px; }
.bottom-9 { bottom: 9px; }
.bottom-10 { bottom: 10px; }
.bottom-11 { bottom: 11px; }
.bottom-12 { bottom: 12px; }
.bottom-13 { bottom: 13px; }
.bottom-14 { bottom: 14px; }
.bottom-15 { bottom: 15px; }
.bottom-16 { bottom: 16px; }
.bottom-17 { bottom: 17px; }
.bottom-18 { bottom: 18px; }
.bottom-19 { bottom: 19px; }
.bottom-20 { bottom: 20px; }
.bottom-25 { bottom: 25px; }
.bottom-30 { bottom: 30px; }
.bottom-50 { bottom: 50px; }

.line-height-10 { line-height: 10px; }
.line-height-15 { line-height: 15px; }
.line-height-20 { line-height: 20px; }
.line-height-25 { line-height: 25px; }
.line-height-30 { line-height: 30px; }
.line-height-35 { line-height: 35px; }
.line-height-40 { line-height: 40px; }
.line-height-45 { line-height: 45px; }
.line-height-50 { line-height: 50px; }
.line-height-55 { line-height: 55px; }
.line-height-60 { line-height: 60px; }
.line-height-65 { line-height: 65px; }
.line-height-70 { line-height: 70px; }
.line-height-75 { line-height: 75px; }
.line-height-80 { line-height: 80px; }
.line-height-81 { line-height: 81px; }
.line-height-82 { line-height: 82px; }
.line-height-83 { line-height: 83px; }
.line-height-84 { line-height: 84px; }
.line-height-85 { line-height: 85px; }
.line-height-86 { line-height: 86px; }
.line-height-87 { line-height: 87px; }
.line-height-88 { line-height: 88px; }
.line-height-89 { line-height: 89px; }
.line-height-90 { line-height: 90px; }
/* /LAYOUT CLASSES */

/* visual design classes */
.line-break {
    height: 3px;
    clear: both;
    margin: 15px 0;
    background: #D9D9D6 /* Optum Light Gray */;
    border-top: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
    border-bottom: 1px solid #888B8D /* Optum Mid Gray 1 */;
}

.background-none { background: none !important; filter: none !important }

/* BORDERS */
.border-none { border: none !important }
.border-top-none { border-top: none !important }
span.border-none input { border: none !important; margin-bottom: -4px !important }
.border-all { border: 1px solid #B1B3B3 !important /* Optum Mid Gray 2 */ }
.border-all-thick { border: 2px solid #B1B3B3 !important /* Optum Mid Gray 2 */ }


.border-right { border-right: 1px solid #B1B3B3 !important /* Optum Mid Gray 2 */ }
.border-right-H2 { border-right: 1px solid #B1B3B3 !important; margin-right: -2px; /* per new grid Height:100% */ }
.border-right-thick { border-right: 2px solid #B1B3B3 !important /* Optum Mid Gray 2 */ }

.border-left { border-left: 1px solid #B1B3B3 !important /* Optum Mid Gray 2 */ }
.border-left-H2 { border-left: 1px solid #B1B3B3 !important; /* per new grid Height:100% */ }
.border-left-white { border-left: 1px solid #FFF; }
.border-left-ltGray { border-left: 1px solid #e6e6e6 !important; /* per new grid Height:100% */ }
.border-left-thick { border-left: 2px solid #B1B3B3 !important /* Optum Mid Gray 2 */ }

.border-top { border-top: 1px solid #B1B3B3 !important /* Optum Mid Gray 2 */ }
.border-top-thick { border-top: 2px solid #888B8D !important /* Optum Mid Gray 1 */ }

.border-bottom { border-bottom: 1px solid #B1B3B3 !important /* Optum Mid Gray 2 */ }
.border-bottom-white { border-bottom: 1px solid #FFFFFF !important /* Optum Mid Gray 2 */ }
.border-bottom-orange { border-bottom: 1px solid #e87722 !important /* Optum Mid Gray 2 */ }
.border-bottom-thick { border-bottom: 2px solid #888B8D !important /* Optum Mid Gray 1 */ }
.border-btm-orange { border-bottom: 1px solid #E87722 /* Optum Orange */ }
.border-btm-gray { border-bottom: 1px solid #CCCDCD}

.yellow-border { border: 1px solid #FEEF8C /* yellow-med */ }


/* /VISUAL DESIGN CLASSES */

/* GRID CLASSES */
table.cell-borders { border-right: none; border-bottom: none }
table.cell-borders td, table.cell-borders th {
	border-right: 1px solid #CCCDCD /* Optum Mid Gray 2 */;
	border-bottom: 1px solid #CCCDCD /* Optum Mid Gray 2 */;
}
table.cell-borders td.border-right-thick,
table.cell-borders th.border-right-thick { border-right: 2px solid #888B8D !important /* Optum Mid Gray 1 */ }
table.cell-borders tr.border-top-thick td { border-top: 2px solid #888B8D !important /* Optum Mid Gray 1 */ }
table.cell-top-borders td { border-top: 1px solid #CCCDCD }
.td-border-none td { border-top: none !important }
tr.border-none td { border: none }
tr.border-none table.cell-top-borders td { border-top: 1px solid #CCCDCD }

table.cell-padding td { padding: 2px 3px }
table.cell-padding td h2 { text-align: center }
table.cell-padding td h2, table.cell-padding td h3 { margin: -2px -3px !important }
table.cell-padding td h5.gray-bkg { margin: -2px -3px !important }
table.cell-padding-left td { padding: 0 0 0 3px }
table.cell-padding-left td h2 { margin-left: -3px }
table.cell-padding-right td { padding-right: 10px }

table.cell-top-align td, table.cell-top-align th { vertical-align: top }
table.cell-top-align td.cell-mid-align { vertical-align: middle }
.cell-bottom-align { vertical-align: bottom }

.cell-total-vertical, .cell-total-horizontal { font-weight: bold; background-color: #FFFDEC /* yellow-bkg */ }
.cell-total-vertical { border-right: 2px solid #D4D4D4; border-left: 2px solid #B1B3B3 /* Optum Mid Gray 2 */ }
.cell-total-horizontal, tr.cell-total-horizontal td {
	border-top: 2px solid #B1B3B3 /* Optum Mid Gray 2 */;
	border-bottom: 2px solid #B1B3B3 !important /* Optum Mid Gray 2 */;
}

table.drag-rows .drag-icon { margin: -1px }
table.drag-rows tr:hover { background-color: #FFFDEC !important /* yellow-bkg */; cursor: move }
table.drag-rows tr.yellow-med:hover { background-color: #FCF5C1 !important /* yellow-light */ }
table.drag-rows tr.no-drag:hover { background: none !important; cursor: default }

table.interactive-rows .read-only-field { cursor: pointer }
table.interactive-rows tr, .interactive { cursor: pointer }
table.interactive-rows tr:hover,
table.interactive-rows tr:hover td.gray-bkg,
.interactive:hover { background-color: #FFFDEC !important /* yellow-bkg */ }
table.interactive-rows tr.yellow-med:hover { background-color: #FCF5C1 !important /* yellow-light */ }
.interactive-rows tr.no-hover:hover, .interactive-rows tr.no-hover tr:hover { background: #FFF !important; cursor: default }
.interactive-rows tr.no-hover.gray-lightest:hover, .interactive-rows tr.gray-lightest.no-hover tr:hover { background: #F5F5F5 !important; cursor: default }

tr.fixed-header, table.fixed-header thead tr {
    position: relative !important;
    background-color: #FFF
}
table.th-gray th { background: #B1B3B3 !important /* Optum Mid Gray 2 */ }
table.th-nowrap th { white-space: nowrap }
table.th-middle-valign th { vertical-align: middle }

table th.extra-height { padding-top: 19px }
table.label-float-left label { width: 90%; float: left; background: #000 }
table th img, table th input { margin: 1px 1px -2px 8px }
table th img.float-left { margin: 4px 4px 0 2px !important }
table.text-center th { text-align: center }
tr.text-light th { color: #707070 !important /* text-light */ }
tr.border-top td { border-top: 1px solid #B1B3B3 /* Optum Mid Gray 2 */ }
table.td-half td { width: 50% }
table .input-border-none input { padding: 0; margin: -2px }

 .GroupHeaderRow{background: url(/Content/images/bkg-h3.jpg) top left repeat-x #FFF5DD; color:#323335;}
/* /GRID CLASSES */

/* UNORDERED LIST CLASSES */
ul.list { margin: 0 0 0 20px; padding: 0 0 0 5px; list-style-type: square !important }
ul.list li { margin: 7px 0; line-height: 16px }
ul.list li ul { margin: 7px 0 7px 15px; list-style-type: circle }
ul.list li ul li ul { margin: 7px 0 7px 25px; list-style-type: disc }

ul.list-none { margin: 0; padding: 0; list-style-type: none }
ul.list-none.extra-spacing li { margin: 7px 0 }
ul.list-none li { margin: 3px 0 }
ul.list-none li.active { background: #FFF; border-bottom: 1px solid #E87722 /* Optum Orange */ }
ul.list-none li.active a:hover { background: }
ul.list-none.text-small li { margin: 1px 0 }

ul.list-none.li-float { float: left }
ul.list-none.li-float li {
    height: auto;
    float: left;
    margin: 0;
    padding: 2px 5px;
    border-right: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
}

ul.list-none li.drop {
	position: relative;
	padding-right: 20px;
	background: url(/Content/images/icons/drop-sm.png) no-repeat 95% center;
}
ul.list-none li.drop:hover ul, ul.list-none li.sfhover ul { display: block }
ul.list-none li.drop ul {
    width: 125px;
    position: absolute;
    top: 15px;
    left: -41px;
    display: none;
    padding: 5px 0;
    background-color: #FFF;
    border: 2px solid #B1B3B3 /* Optum Mid Gray 2 */;
    border-top: none;
    z-index: 500;
}
li.list-none li.drop ul.left { left: 0 }
ul.list-none li.drop li {
	width: 92%;
	padding: 0 4%;
	border: none;
}
ul.list-none li.drop ul li a {
    padding: 3px 0; 
    display: block; 
    background-image: none;
}
ul.list-none li.drop ul li a:hover { background-color: #D2E6F2 /* blue-bkg */ }
ul.list-none li.drop ul li a img.icon-sm { margin-top: -1px }
h1 ul.list-none { margin-bottom: -1px }
h1 ul.list-none li { padding: 1px 6px !important }

ul.li-margin-none li { margin: 0 }
/* /UNORDERED LIST CLASSES */

/* TYPOGRPAHY CLASSES */
.nowrap { white-space: nowrap }
a.text-white:hover { background: }

/* checkbox & labels within headers */
h2 span.check { float: right; margin: -2px }
h2 span.check input { border: none }
h1 a, h3 a, h3 label, h2 label {
    font-size: 11px;
    font-weight: normal;
	color: #323335 !important /* Optum text color */;
}
h2 span.check label {
    display: inline;
    text-transform: none;
    /*color: #FFF*/
}
/* /checkbox & labels within headers */

/* edit icon hyperlink */
a.hover-edit { padding-right: 13px }
a.hover-edit:hover { background: url(/Content/images/bkg-hover-edit.png) top right no-repeat }
/* /edit icon hyperlink */

/* tooltips */
a.tooltip {
	font-weight: normal !important;
	color: #0A7F5F !important /* green used only for tooltip links */;
	cursor: default;
}
a.tooltip:hover {
	position: relative !important;
	background-color: Transparent;
	border: none;
}
a.tooltip:hover div {
    display: block;
	right: -13px;
	z-index: 700 !important;
}
a.tooltip div {
    width: 150px;
    height: auto;
    display: none;
    position: absolute;
    top: 12px;
    right: 20px;
    padding: 15px 5px 5px;
    text-indent: 0;
    font-size: 92%;
    line-height: 14px;
    color: #222 /* text color */;
    background: url(/Content/images/bkg-tooltip-icon.gif) top right no-repeat;
    border-bottom: 2px solid #888B8D /* Optum Mid Gray 1 */;
}
a.tooltip div.right {
    left: -10px !important;
    padding: 15px 5px 5px 5px !important;
    text-align: left !important;
    background-image: url(/Content/images/bkg-tooltip-right.gif) !important;
}
a.tooltip div span {
    width: 98%;
    float: left;
    clear: left;
    padding: 2px 0;
    border-bottom: 1px solid #D9D9D6 /* Optum Light Gray */;
}
a.tooltip div strong.label {
    width: 44px;
    float: left;
    margin-right: 5px;
    font-size: 90%;
    text-align: right;
}
h3 a.tooltip { margin-left: -4px !important }
a.header-tip {
    position: relative !important;
    background: none;
    font-weight: normal;
    font-size: 11px;
}
h2 a.header-tip { float: right; color: #FFF }
/* /tooltips */


/* color keys */
a.key, span.key {
    width: auto;
    min-width: 20px;
    float: left;
    margin-right: 2px;
    padding: 1px 2px;
    font-weight: bold;
    text-align: center;
    line-height: normal;
    color: #323335 /* Optum text color */;
    border: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
}
a.key.selected { margin-top: -1px; border: 2px solid #00ACCF }
span.key { min-width: 5px }

h3 a.key { margin-top: 1px }

p.key {
    padding: 1px;
    margin: 1px 0;
    font-size: 10px;
    letter-spacing: normal;
    line-height: 14px;
    border: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
}
p.key strong { display: block; border-bottom: 1px solid #888B8D /* Optum Mid Gray 1 */ }
/* /color keys */
/* /TYPOGRAPHY CLASSES */

/* ELEMENTS */
/* pagination */
ul.page-numbers {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.page-numbers li { float: left; padding: 0 3px }
ul.page-numbers li.active { background: none }
ul.page-numbers li.active a { font-weight: bold; border-bottom: 1px dotted #00849F /* hyperlink hover color */ }
/* /pagination */

/* actions menu */
ul.actions, ul.actions.actions-sm {
    width: 120px;
    float: left;
    position: relative;
    margin: 5px;
    padding: 0;
    list-style-type: none;
}
ul.actions.actions-sm { width: 20px; margin: 0 }
ul.actions li a {
    width: 113px;
    display: block;
    padding: 5px 0 5px 7px;
    color: #323335 /* Optum text color */;
    background: url(/Content/images/bkg-actions.gif) top left no-repeat;
}
ul.actions.actions-sm li a { width: 13px; background-image: url(/Content/images/bkg-actions-sm.gif) }
ul.actions li a:hover { background-color: Transparent }
ul.actions li ul {
    width: 130px;
    display: none;
    position: absolute;
    top: 25px;
    margin: 0;
    list-style-type: none;
	background: #FFF;
    border: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
    z-index: 100;
}
ul.actions.actions-sm li ul { width: 140px; top: 22px }
ul.actions li ul li a, ul.actions.actions-sm li ul li a {
    width: 116px;
    padding: 4px 7px;
    color: #06C /* Optum hyperlink color */;
    background: none;
}
ul.actions.actions-sm li ul li a { width: 126px }
ul.actions li ul li a:hover { color: #00849F /* hyperlink hover color */; background-color: #D2E6F2 /* blue-bkg */ }
/* /actions menu */

/* /action button */
a.action-button {
    width: auto;
    height: 19px;
    float: left;
    position: relative;
    margin: 5px 10px 5px 5px;
    padding: 3px 0 0 7px;
    color: #323335 /* Optum text color */;
    background: url(/Content/images/bkg-split-button.png) top left no-repeat;
}
a.action-button input { margin-top: -2px }
a.action-button span {
    width: 7px;
    height: 22px;
    position: absolute;
    top: 0;
    right: -7px;
    background: url(/Content/images/bkg-split-button-arrow.png) top right no-repeat;
}
th a.action-button { margin: 0 0 0 1px; padding: 3px 0 0 3px }
th a.action-button span { width: 3px; right: -3px }
/* /action button */

/* documents side bar - clinical panes */
table.document td { position: relative; padding: 0 }
table.document div {
    width: 95%;
    float: left;
    position: relative;
    padding: 2%;
    font-size: 10px;
    border-bottom: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
}
table.document div:hover {
    width: 165%;
    margin-left: -69%;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #B1B3B3 #888B8D #888B8D #B1B3B3 /* Optum Mid Gray 2 & Optum Mid Gray 1 */;
    background-color: #FFFDEC /* yellow-bkg */;
    cursor: pointer;
    z-index: 200;
}
table.document div:hover ul.form { display: block }
table.document div ul.form {
    display: none;
    margin-top: 5px;
    border: none;
    border-top: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
}
table.document div ul.form label.desc {
    width: 85px;
    margin-right: 3px;
    background-color: Transparent;
}
table.document tr.page-numbers table td {
    float: left;
    padding-right: 5px;
    font-size: 10px;
}
table.document tr.page-numbers span {
    color: #09B;
    font-weight: bold;
    border-bottom: 1px dotted #00849F /* hyperlink hover color */;
}
/* /documents side bar */

/* div modals */
div.modal, div.modal-lg, div.modal-xl, div.modal-xxl {
    width: 396px;
    height: auto;
    position: fixed;
    top: 75px;
    left: 50%;
    margin-left: -214px;
    padding: 15px 16px 0 16px;
    background: url(/Content/images/bkg-modal.png) top left no-repeat;
    z-index: 600;
}
div.modal-lg {
    width: 646px;
    margin-left: -338px;
    background-image: url(/Content/images/bkg-modal-lg.png);
}
div.modal-xl {
    width: 768px;
    margin-left: -384px;
    background-image: url(/Content/images/bkg-modal-xl.png);
}
div.modal-xxl {
    width: 1190px;
    margin-left: -384px;
    background-image: url(/Content/images/bkg-modal-xxl.png);
}
div.modal div.modal-bottom, div.modal-lg div.modal-bottom,
div.modal-xl div.modal-bottom, div.modal-xxl div.modal-bottom {
    width: 428px;
    height: 18px;
    display: block;
    clear: both;
    margin: 18px -16px -18px -16px;
    background: url(/Content/images/bkg-modal-bottom.png) top left no-repeat;   
}
div.modal-lg div.modal-bottom {
    width: 678px;
    background-image: url(/Content/images/bkg-modal-bottom-lg.png);
}
div.modal-xl div.modal-bottom {
    width: 800px;
    background-image: url(/Content/images/bkg-modal-bottom-xl.png);
}
div.modal-xxl div.modal-bottom {
    width: 1219px;
    background-image: url(/Content/images/bkg-modal-bottom-xxl.png);
}
div.modal a.close, div.modal-lg a.close, div.modal-xl, div.modal-xxl a.close {
    width: 20px;
    height: 18px;
    display: block;
    position: absolute;
    top: 18px;
    right: 19px;
    text-indent: -999em;
    background: url(/Content/images/img-close.gif) top left no-repeat;
    z-index: 100;
}
div.modal a.close:hover, div.modal-lg a.close:hover,
div.modal-xl a.close:hover,
div.modal-xxl a.close:hover{ background-color: Transparent }
div.modal h5, div.modal-lg h5, div.modal-xl h5, div.modal-xxl h5,
div.modal h1, div.modal-lg h1, div.modal-xl h1, div.modal-xxl h1 { height: 23px; padding: 2px 0 0 5px }
div.modal h5.drag, div.modal-lg h5.drag, div.modal-xl h5.drag, div.modal-xxl h5.drag { cursor: move }

* html div.modal { background: url(/Content/images/bkg-modal-ie6.gif) top left no-repeat }
* html div.modal-lg { background: url(/Content/images/bkg-modal-lg-ie6.gif) top left no-repeat }
* html div.modal div.modal-bottom, * html div.modal-lg div.modal-bottom {
    margin: 0 -16px;
    position: relative;
    top: 18px;
    background: url(/Content/images/bkg-modal-bottom-ie6.gif) top left no-repeat
}
* html div.modal-lg div.modal-bottom { background: url(/Content/images/bkg-modal-bottom-lg-ie6.gif) top left no-repeat }

/* Background dim */
.blurDivSecondary {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    background-color: #000; 
    opacity: 0.15; 
    filter: alpha(opacity=15);

    z-index: 9; /*z-index # needs low setting for iFrame calls*/

}
.blurDiv {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    background-color: #000; 
    opacity: 0.15; 
    filter: alpha(opacity=15);
    z-index: 550;
}
.blurDivClear {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 550;
}
* html body { width: 100%; height: 100% }
* html .blurDiv .blurDivSecondary { min-height: 100%; min-width: 100% }
/* /div modals */

/* progress indicator */
.progress-indicator {
    width: 300px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -150px;
    padding-top: 30px;
    text-align: center;
    background: #FFF;
    border: 1px solid #888B8D /* Optum Mid Gray 1 */;
    z-index: 900 !important;
}
/* /progress indicator */

/* AJAX calendar control */
.ajax__calendar_container { 
	font-family: Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 9px !important;
	color: #323335 !important /* Optum text color */;
	background-color: #FFF;
	border: 1px solid #888B8D /* Optum Mid Gray 1 */;
	z-index: 500;
}



.ajax__calendar_container table { width: 88%; margin-right: 5px }
.ajax__calendar_title {
	margin-top: 2px;
    font-size: 11px;
    color: #06C /* Optum hyperlink color */;
    font-weight: normal !important;
}
.ajax__calendar_dayname { 
	font-size: 9px !important; 
	text-transform: uppercase; 
	color: #707070 /* text-light */; 
	border-bottom: 1px solid #61BEC2;
}
.ajax__calendar_container table thead td { border: none; border-bottom: 1px solid #00849F /* hyperlink hover color */ }
.ajax__calendar_container table td { 
	padding: 0 !important;
	border-right: 1px solid #B1B3B3 /* Optum Mid Gray 2 */; 
	border-bottom: 1px solid #D9D9D6 /* Optum Light Gray */; 
}
.ajax__calendar_day {
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	font-size: 9px !important;
	text-align: center !important;
}
.ajax__calendar_month, .ajax__calendar_year {
	font-size: 9px !important;
	text-align: center !important;
}
.ajax__calendar_active {
    border-top: none !important;
	border-right: 1px solid #FEEF8C !important /* yellow-med */; 
	border-bottom: 1px solid #FEEF8C !important /* yellow-med */;
	border-left: none !important; 
}
.ajax__calendar_hover {
    background-color: #D2E6F2 /* blue-bkg */;
    border-color: #BADEF3 !important /* blue-light */;
}
.ajax__calendar_today {
    width: 90%;
    margin: 0 auto 5px auto;
    padding: 5px 0 1px 0;
	background-color: #FFFDEC /* yellow-bkg */;
	border: 1px solid #FEEF8C !important /* yellow-med */;
}
.ajax__calendar_other .ajax__calendar_day { color: #707070 !important /* text-light */ }
.ajax__calendar .ajax__calendar_active .ajax__calendar_day, 
.ajax__calendar .ajax__calendar_active .ajax__calendar_month,
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {
    color: #323335 !important /* Optum text color */;
    background-color: #FFFDEC !important /* yellow-bkg */;
    border: none !important
}
/* /AJAX calendar control */

/* progress bar */
/* Used on Meaningful Use Dashboard */
.progress {
	float: left;
	padding: 10px 5px;
	border-bottom: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
}
.progress ul.actions { margin: -1px 5px 0 0 }
.progress-bar {
    width: 150px;
    height: 13px;
    float: right;
    position: relative;
	top: -7px;
    padding: 1px;
    text-align: left;
    background: #FFF;
    border: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
}
.progress-bar div.bar {
    height: 100%;
    display: block;
    background-image: url(/Content/images/bkg-progress-bar.jpg);
    background-repeat: no-repeat;
}
.progress-bar div.goal {
    width: 30px;
    height: 13px;
    position: absolute;
    top: -2px;
    padding: 19px 0 0 2px;
    font-size: 10px;
    color: #707070 /* text-light */;
    border-left: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
    overflow: visible !important
}
.progress-bar div.goal span { float: left; margin-left: -28px }
.progress-bar div.actual {
    width: 28px;
    position: absolute;
    top: -12px;
    padding: 2px 0 4px 0;
    font-size: 10px;
    text-align: center;
    color: #FFF;
    background-color: #B1B3B3 /* Optum Mid Gray 2 */;
    border: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
    filter:progid:DXImageTransform.Microsoft.Gradient 
    (GradientType=0,StartColorStr='#D9D9D6',EndColorStr='#B1B3B3'); /* Optum Light Gray & Optum Mid Gray 2 */
}
.progress input { margin: 2px 0 -2px -2px; border: none }
/* /progress bar */

/* horizontal graph */
ul.h-graph {
    position: relative;
    margin: 20px 0 0 0;
    padding: 0;
    list-style-type: none;
}
ul.h-graph li {
    width: 100%;
    position: relative;
    top: 0;
}
ul.h-graph .bar {
    width: 100%;
    height: 50%;
    position: relative;
    top: 25%;
    background: #D9D9D6 /* Optum Light Gray */;
}
ul.h-graph .bar label {
    position: absolute;
    top: 30%;
    left: 5px;
    font-size: 11px;
}
ul.h-graph .bar div.actual {
    width: auto;
    min-width: 40px;
    position: absolute;
    top: -12px;
    right: -25px;
    padding: 2px 5px 4px 5px;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
    color: #FFF;
    background-color: #B1B3B3 /* Optum Mid Gray 2 */;
    border: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
    filter:progid:DXImageTransform.Microsoft.Gradient 
    (GradientType=0,StartColorStr='#D9D9D6',EndColorStr='#B1B3B3'); /* Optum Light Gray & Optum Mid Gray 2 */
    z-index: 50; 
}
ul.h-graph li.ticks {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
ul.h-graph li.ticks div {
    height: 100%;
    float: left;
    position: relative;
    border-right: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
    z-index: 10;
} 
ul.h-graph li.ticks div label {
    width: 50px;
    position: absolute;
    top: -15px;
    right: -25px;
    text-align: center;
    color: #707070 /* text-light */;
}
/* /horizontal graph */

/* chart */
/* on mockup for PM Dashboard - not implemented */
ul.chart {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #FFF;
}
ul.chart li {
    position: relative;
    padding: 5px;
    color: #707070 /* text-light */;
    border-bottom: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
}
ul.chart li label { position: relative; z-index: 100; font-size: 11px }
ul.chart li div.bar {
    height: 90%;
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #D2E6F2 /* blue-bkg */;
}
/* /chart */

/* BetterTip - JQuery Tooltip */
/* not implemented (?) - do not use */
.betterTip { color: #15bab4; cursor: default }
#BT { z-index: 900 }
#BT_main {
	position: relative;
	background-color: #FFF;
	border: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
}
#BT_content { padding: 5px }
#BT_arrow_left, #BT_arrow_right {
	width: 25px;
	height: 13px;
	position: absolute;
	top: 0;
	margin-top: -13px;
	background: url(/Content/images/tooltip-arrow.gif) top left no-repeat;
}
#BT_arrow_left { left: 7px }
#BT_arrow_right { right: 7px }
.BT_shadow0 {
	position: absolute;
	background: url(/Content/images/tooltip-corner-tr.png) right top no-repeat;
}
.BT_shadow1 {
	background: url(/Content/images/tooltip-corner-bl.png) left bottom no-repeat;
	display: block;
	padding: 8px 0 0 8px;
}
.BT_shadow2 {
	background: url(/Content/images/tooltip-shadow.png) right bottom no-repeat;
	display: block;
}
.BT_loader {
	width: 100%;
	height: 12px;
	background: url(/Content/images/delay-indicator.gif) center center no-repeat;
}
/* /bettertip */

/* large tooltip */
.large-tooltip {
    width: 400px;
    position: absolute !important;
    margin-top: 17px;
    padding: 5px;
    background: #FFF;
    border: 1px solid #B1B3B3 /* Optum Mid Gray 2 */;
    z-index: 800;
} 
.large-tooltip.align-right { right: 10px }
.large-tooltip .arrow {
	width: 25px;
	height: 13px;
	position: absolute;
	right: 7px;
	margin-top: -18px;
	background: url(/Content/images/tooltip-arrow.gif) top left no-repeat;
}
.large-tooltip .arrow.left-side { left: 32px !important }
.large-tooltip .arrow.left-bottom {
    width: 27px;
    height: 15px;
    left: 32px !important;
    bottom: -15px !important;
	background: url(/Content/images/tooltip-arrow-bottom.png) top left no-repeat;
	z-index: 800;
}
.large-tooltip .shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -8px;
    right: -8px;
	background: url(/Content/images/tooltip-shadow.png) right bottom no-repeat;
	z-index: 0;
}
.large-tooltip .shadow-bl, .large-tooltip .shadow-tr {
    width: 8px;
    height: 8px;
    position: absolute;
    z-index: 0;
}
.large-tooltip .shadow-bl {
    bottom: -8px;
    left: 0;
	background: url(/Content/images/tooltip-corner-bl.png) right bottom no-repeat;
}
.large-tooltip .shadow-tr {
    top: 0;
    right: -8px;
	background: url(/Content/images/tooltip-corner-tr.png) right top no-repeat;
}
.large-tooltip.text-small p { margin-bottom: 3px }
* html .large-tooltip .shadow,
* html .large-tooltip .shadow-tr,
* html .large-tooltip .shadow-bl { display: none }
/* /large tooltip */