/****************************************************************************************************************************/ /****************************************************************************************************************************/ /**** ICONS ****/ /****************************************************************************************************************************/ /****************************************************************************************************************************/ #ICONS {color: Black} /* neighbornet icons for radpanel bar */ .NeighborNet-CategoryIcon .rpImage, .BBIcon{background: url(../../Global/images/sprite/NeighborNet-Bulletin-Categories-icon-sprite.png) no-repeat;} .NeighborNet-CategoryIcon-Help .rpImage, .BB-GV-Icon .categoryType16{ background-position: 0px -150px;} .NeighborNet-CategoryIcon-Housing .rpImage, .BB-GV-Icon .categoryType17{ background-position: 0px -50px;} .NeighborNet-CategoryIcon-Marketplace .rpImage, .BB-GV-Icon .categoryType2{ background-position: 0px -0px;} .NeighborNet-CategoryIcon-Topics .rpImage, .BB-GV-Icon .categoryType1{ background-position: 0px -250px;} .NeighborNet-CategoryIcon-Announcements .rpImage, .BB-GV-Icon .categoryType18{ background-position: 0px -100px;} .NeighborNet-CategoryIcon-ActivityPartners .rpImage, .BB-GV-Icon .categoryType3{ background-position: 0px -200px;} .NeighborNet-CategoryIcon-Recommendations .rpImage, .BB-GV-Icon .categoryType21{ background-position: 0px -300px;} /* 35 pixel neighbornet icons */ .categoryType2 { background-position: -50px 0px; } .categoryType16 { background-position: -50px -150px; } .categoryType17 { background-position: -50px -50px; } .categoryType1 { background-position: -50px -250px; } .categoryType18 { background-position: -50px -100px; } .categoryType3 { background-position: -50px -200px; } .categoryType21 { background-position: -50px -300px; } /* small neighbornet icon background image */ .IE6 .spriteicon50, .RtoRicon1, .RtoRicon2, .RtoRicon3, .RtoRicon4, .RtoRicon5, .RtoRicon6, .RtoRicon7 { background-image: url(../../Global/images/sprite/icon-sprite.gif);} /* small neighbornet icon background image positions and markup */ .RtoRicon1, .RtoRicon2, .RtoRicon3, .RtoRicon4, .RtoRicon5, .RtoRicon6, .RtoRicon7 { width: 30px; height: 30px; background-color: Transparent; margin-top: 1px; margin-left: 10px;} .RtoRicon2 { background-position: -150px -160px;} .RtoRicon3 { background-position: -180px -160px;} .RtoRicon4 { background-position: -210px -160px;} .RtoRicon5 { background-position: -240px -160px;} .RtoRicon6 { background-position: -270px -160px;} .RtoRicon7 { background-position: -300px -160px;} /* 'building' resident portal icon */ .spriteicon50 { width: 36px; height: 36px; float: left; margin-right: 5px; background-repeat: no-repeat;} /* 'building' resident portal icons for browsers that don't support PNG graphics */ #TbMySettings .rtsTxt, #LandingPage .PostingsSideBarBullet, #LandingPage #CalPnlLink, .spriteicon50 {background-image: url(../../Global/images/sprite/icon-sprite-residenthomepage-Alpha-7-25-2013.png)} .IE6 #TbMySettings .rtsTxt, #LandingPage .PostingsSideBarBullet, .IE6 #LandingPage #CalPnlLink, .IE6 .spriteicon50 {background-image: url(../../Global/images/sprite/icon-sprite-residenthomepage-NoAlpha-7-25-2013.png )} #RequestDashPanel .spriteicon50 { background-position: 0px 0px;} #DeliveriesDashPanel .spriteicon50 { background-position: -50px 0px;} #InstructionsDashPanel .spriteicon50 { background-position: 0px -50px;} #ResourcesDashPanel .spriteicon50 { background-position: -50px -50px;} #CommunicateDashPanel .spriteicon50 { background-position: 0px -100px;} #LibraryDashPanel .spriteicon50 { background-position: -50px -100px;} #DirectoryDashPanel .spriteicon50 { background-position: -100px 0px;} #SurveyDashPanel .spriteicon50 { background-position: -100px -50px;} #BulletinDashPanel .spriteicon50 { background-position: -100px -100px;} #ConciergeDashPanel .spriteicon50 { background-position: -50px -150px;} #StaffDirectoryDashPanel .spriteicon50 { background-position: -0px -150px;} #OffersDashPanel .spriteicon50 { background-position: -0px -200px;} #NeighborNetDashboardPanel .spriteicon50 { background-position: -50px -200px;} #NeighborNetDashPanel .spriteicon50 { background-position: -100px -150px;} #PetParkDashPanel .spriteicon50 {background-position: -100px -200px;} #PreferredVendorsDashPanel .spriteicon50 {background-position: -0px -250px;} #RegisteredKeyPanel .spriteicon50 {background-position: -50px -250px;} #CalendarDashPanel .spriteicon50 {background-position: -50px -250px;} #ValetDashPanel .spriteicon50 {background-position:-100px -250px;} #ParkingDashPanel .spriteicon50 {background-position:-0px -300px;} #CalendarDashPanel .spriteicon50 {background-position: -50px -300px;} #PaymentDashPanel .spriteicon50 {background-position: -150px -300px;} #PhoneDashPanel .spriteicon50 {background-position: -100px -300px;} #TbMySettings .rtsTxt {background-position: -150px 10px!important;padding-left: 25px !important; background-repeat: no-repeat;} /* large 'about page' icons */ #AboutWrapper .Cell {background-repeat: no-repeat; background-color: Transparent;} #AboutWrapper .Cell {background-image: url(../../Global/images/sprite/icon-sprite-tenant-building-about-page.png);} .IE6 #AboutWrapper .Cell {background-image: url(../../Global/images/sprite/icon-sprite-tenant-building-about-page.gif);} #AboutWrapper #RepairRequest { background-position: 0px 0px;} #AboutWrapper #Deliveries { background-position: 0px -320px;} #AboutWrapper #BuildingCalendarDiv { background-position: 0px -640px;} #AboutWrapper #FrontDeskInstructions { background-position: 0px -960px;} #AboutWrapper #Resources { background-position: 0px -1280px;} #AboutWrapper #Library { background-position: 0px -1600px;} #AboutWrapper #Communicate { background-position: 0px -1920px;} #AboutWrapper #ParkingPermit { background-position: 0px -2880px;} #AboutWrapper #StaffDirectory { background-position: 0px -2240px;} #AboutWrapper #Survey { background-position: 0px -2560px;} #AboutWrapper #Parking { background-position: 0px -2880px;} #AboutWrapper #Payments { background-position: 0px -3200px;} /* decorated checkboxes */ .Deco-Chk { margin: auto; width: 15px; height: 15px; background-image: url(../../Global/images/ControlDecorator/checkboxes.gif);} .Deco-Chk-T { background-position: 0px 0px;} .Deco-Chk-F { background-position: 0px -15px; background-image: none;} /* tenant tabstrip icons */ .ResidentTopNav .rtsLevel2 .rtsIn {background: url(../../Global/images/sprite/tenant-tabstrip-icon-sprite-7-28-09.png) no-repeat !important;padding-left: 25px !important;} .IE6 .ResidentTopNav .rtsLevel2 .rtsIn {background-image: url(../../Global/images/sprite/tenant-tabstrip-icon-sprite-noalpha-7-28-09.png) !important;padding-left: 25px !important;} #TbBuildingHome .rtsIn, #TbOffersAbout .rtsIn, #TbServicesAbout .rtsIn, #TbResidentToResidentHome .rtsIn { background-position: 2px 5px !important;} #TbCalendar .rtsIn { background-position: 2px -35px !important;} #TbMaintenance .rtsIn { background-position: 2px -75px !important;} #TbDeliveries .rtsIn { background-position: 2px -115px !important;} #TbFrontDesk .rtsIn { background-position: 2px -155px !important; padding-left: 13px;} #TbResources .rtsIn { background-position: 2px -195px !important;} #TbLibrary .rtsIn { background-position: 2px -235px !important;} #TbCommunicate .rtsIn { background-position: 2px -275px !important;} #TbStaffDirectory .rtsIn { background-position: 2px -315px !important;} #TbPostingAreas .rtsIn { background-position: 2px -355px !important;} #TbDirectory .rtsIn { background-position: 2px -395px!important; } #TbSurvey .rtsIn { background-position: 2px -435px !important;} #TbMyUserProfile .rtsIn { background-position: 2px -475px !important;} #TbOtherUsers .rtsIn { background-position: 2px -515px; padding-left: 26px; } #TbUnitInfo .rtsIn { background-position: 2px -555px!important; } #TbBoardHome .rtsIn { background-position: 2px 5px !important;} #TbMaintSearch .rtsIn { background-position: 2px -75px !important;} #TbBoardDirectory .rtsIn { background-position: 2px -395px !important; } #TbProfile .rtsIn {background-position: 2px -595px !important;} #TbPetPark .rtsIn {background-position: 2px -635px!important;} /* Grid View Row Icons, keep classnames short because they are repeated */ .i-gv { background-image: url(../../global/images/sprite/GridViewRowIcons.gif);display: block; float: left;height: 20px;} .i-att { background-position: 0px 0px; width: 11px;} .i-imp {background-position: -11px 0px; width: 9px;} /****************************************************************************************************************************/ /****************************************************************************************************************************/ /**** BUTTONS ****/ /****************************************************************************************************************************/ /****************************************************************************************************************************/ #BUTTONS {color: Black;} /* BE CAREFULL WHEN MAKING ANY CHANGES TO THE STRUCTURAL STUFF */ /* outer wrapper link tag */ .b-Wrp, .b-Wrp:link, .b-Wrp:visited, .b-Wrp:hover, .b-Wrp:active { text-decoration: none } .b-Wrp:hover { cursor: pointer; } /***************************************************************/ /** BUTTONS RENDERED WITH FLOATS **/ /***************************************************************/ /* outer wrapper */ .b-Wrp { width: auto; display: inline-block; border: 0px; float: left;} /* inner wrapper */ .b-Out { display: block; height: 24px; float: left; } /* common properties for button elements */ .b-l, .b-r, .b-j, .b-i, .b-t { float: left; display: inline-block; } .b-ifx { display: inline-flex; } /* caps */ .b-l { width: 7px; height: 24px;} .b-r { width: 9px; height: 24px;} /* icon wrapper */ .b-j { height: 24px; width: 16px; } /* Icon */ .b-i {display: none;} .b-HI .b-i {display: block; } .b-i { height: 16px; width: 16px; margin-top: 4px;} .w-h .b-i { margin-top: 5px } /* text */ .b-t { border: 0px; color: Black; text-decoration: none; background-color: Transparent; white-space: nowrap; height: 24px; line-height: 22px; font-size: 12px; padding: 0 5px 0 5px; text-decoration: none; font-weight: normal;} /* the font list for buttons */ .b-Hy, .b-t { font-family: "Lucida Sans Unicode", "Trebuchet MS", Calibri, Helvetica Neue, "Microsoft Sans Serif", Arial, Sans-Serif;} .w-h .b-t { line-height: 22px} /***************************************************************/ /** BUTTONS RENDERED INLINE **/ /***************************************************************/ /* ---- COMMON ---- */ .b-IN .b-Out, .b-IN .b-l, .b-IN .b-r, .b-IN .b-j, .b-IN .b-i, .b-IN .b-t { display: inline; border: 0px; vertical-align: baseline; font-size: 21px; line-height: 24px; white-space: nowrap; height: inherit; width: inherit; float: none; margin: 0px; padding: 0px;font-family: "Lucida Sans Unicode", "Trebuchet MS", Calibri, Helvetica Neue, "Microsoft Sans Serif", Arial, Sans-Serif; } .IE6 .b-IN .b-Out, .IE7 .b-IN .b-Out, .IE6 .b-IN .b-l, .IE7 .b-IN .b-l, .IE6 .b-IN .b-r, .IE7 .b-IN .b-r, .IE6 .b-IN .b-j, .IE7 .b-IN .b-j, .IE6 .b-IN .b-t, .IE7 .b-IN .b-t { vertical-align: middle;} /* overrides for properties defined for floating buttons */ .b-IN .b-Wrp { display: inline; float: none} .b-IN .b-HI .b-i { display: inline; width: inherit; height: inherit} .b-IN .w-h .b-i { margin: 0px;} .b-IN .w-h .b-t { line-height: 24px} /* letter spacing */ body .b-IN .b-l {letter-spacing: 0px} body .b-IN .b-r {letter-spacing: 1px;} body .b-IN .b-i {letter-spacing: 5px;} .b-IN .b-Hy .b-i {letter-spacing: 6px;} /* line height */ body .b-IN .b-r {line-height: 5px;} body .b-IN .b-t {line-height: 18px;} /* vertical-align */ body .b-IN .b-i {vertical-align: 30%;} body .b-IN .b-Inn-t {vertical-align: 30%;} /* font-size */ body .b-IN .b-i { font-size: 14px; } body .b-IN .b-Inn-t { font-size: 12px; } /* ---- IE ---- */ .IE .b-DA .b-r {border-right: 1px solid transparent;} /* ---- IE6 ---- */ /* letter spacing */ .IE6 .b-IN .b-l {letter-spacing: -2px} .IE6 .b-IN .b-r {letter-spacing: -2px} .IE6 .b-IN .b-i {letter-spacing: 4px} .IE6 .b-IN .b-t {letter-spacing: -10px; } .IE6 .b-IN .b-Inn-t {letter-spacing: 0px;} /* font-size */ .IE6 .b-IN .b-j {font-size: 20px;} /* line height */ .IE6 .b-IN .b-j, .IE6 .b-IN .b-i{line-height: 10px;} /* vertical align */ .IE6 .b-IN .b-i{ vertical-align: 0%;} /* ---- Mozilla ---- */ .FF .b-IN .b-i {vertical-align: 10%;} /* ---- Mac Safari ---- */ /* line-height */ .MacSaf .b-IN .b-ELS { line-height: 21px;} /* vertical align */ .MacSaf .b-IN .b-i { vertical-align: 15%;} .MacSaf .b-IN .b-Inn-t { vertical-align: 20%;} /***************************************************************/ /** DISABLED AND READ-ONLY **/ /***************************************************************/ /* disabled or read-only buttons */ .b-DA, .b-DA.b-Hy .b-i { filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;} .b-DA .b-t, .b-DA:link { color: #777777 !important} .b-DA .b-t .rgCommandRow .b-DA .b-Inn-Hy { color: #555555 } /***************************************************************/ /** BACKGROUND IMAGES ONLY **/ /***************************************************************/ /* normal size */ .b-B { background-image: url(../../Global/Images/BlkButton/PushNormalBg.png)} .b-DA .b-B, .IE6 .b-B { background-image: url(../../Global/Images/BlkButton/PushNormalBg-noalpha.png)} .b-B-i { background-image: url(../../Global/Images/BlkButton/PushNormalIconsSprite.png)} .b-DA .b-Bl .b-B-i, .IE6 .b-Bl .b-B-i { background-image: url(../../Global/Images/BlkButton/PushNormalIconsOnBlue-noalpha.png)} .b-DA .b-Gr .b-B-i, .IE6 .b-Gr .b-B-i { background-image: url(../../Global/Images/BlkButton/PushNormalIconsOnGreen-noalpha.png)} .b-DA .b-Rd .b-B-i, .IE6 .b-Rd .b-B-i { background-image: url(../../Global/Images/BlkButton/PushNormalIconsOnRed-noalpha.png)} /* large size */ .b-Lg .b-B { background-image: url(../../Global/Images/BlkButton/PushLargeBg-11-5-2010.png)} .b-DA.b-Lg .b-B, .IE6 .b-Lg .b-B { background-image: url(../../Global/Images/BlkButton/PushLargeBg-noalpha-11-5-2010.png)} .b-Lg .b-B-i { background-image: url(../../Global/Images/BlkButton/PushLargeIconsSprite.png)} .b-DA.b-Lg .b-Bl .b-B-i, .IE6 .b-Lg .b-Bl .b-B-i { background-image: url(../../Global/Images/BlkButton/PushLargeIconsOnBlue-noalpha.png)} .b-DA.b-Lg .b-Gr .b-B-i, .IE6 .b-Lg .b-Gr .b-B-i { background-image: url(../../Global/Images/BlkButton/PushLargeIconsOnGreen-noalpha.png)} .b-DA.b-Lg .b-Rd .b-B-i, .IE6 .b-Lg .b-Rd .b-B-i { background-image: url(../../Global/Images/BlkButton/PushLargeIconsOnRed-noalpha.png)} /* hyperlink on light background */ .b-Hy .b-i { background-image: url(../../Global/Images/BlkButton/HyperlinkOnLight.png)} .b-DA.b-Hy .b-i, .IE6 .b-Hy .b-i { background-image: url(../../Global/Images/BlkButton/HyperlinkOnLight-noalpha.png)} /* hyperlink on dark background */ .rgCommandRow .b-Hy .b-i { background-image: url(../../Global/Images/BlkButton/HyperlinkOnDark.png)} .b-DA.rgCommandRow .b-Hy .b-i, .IE6 .rgCommandRow .b-Hy .b-i { background-image: url(../../Global/Images/BlkButton/HyperlinkOnDark-noalpha.png)} .DarkBackground .b-Hy .b-i { background-image: url(../../Global/Images/BlkButton/HyperlinkOnDark.png)} .b-DA.DarkBackground .b-Hy .b-i, .IE6 .DarkBackground .b-Hy .b-i { background-image: url(../../Global/Images/BlkButton/HyperlinkOnDark-noalpha.png)} /***************************************************************/ /** BACKGROUND IMAGE POSITIONS **/ /***************************************************************/ /* blue button caps and text */ .b-Bl .b-j, .b-Bl .b-t { background-position: -50px 0px; } .w-h .b-Bl .b-j, .w-h .b-Bl .b-t { background-position: -50px -300px; } /* green button caps and text */ .b-Gr .b-j, .b-Gr .b-t { background-position: -50px -100px; } .w-h .b-Gr .b-j, .w-h .b-Gr .b-t { background-position: -50px -400px; } /* red button caps and text */ .b-Rd .b-j, .b-Rd .b-t { background-position: -50px -200px; } .w-h .b-Rd .b-j, .w-h .b-Rd .b-t { background-position: -50px -500px; } /* left cap */ .b-Bl .b-l { background-position: -0px 0px; } .w-h .b-Bl .b-l { background-position: -0px -300px; } .b-Gr .b-l { background-position: -0px -100px; } .w-h .b-Gr .b-l { background-position: -0px -400px; } .b-Rd .b-l { background-position: -0px -200px; } .w-h .b-Rd .b-l { background-position: -0px -500px; } /* right cap */ .b-Bl .b-r { background-position: 100% 0px; } .w-h .b-Bl .b-r { background-position: 100% -300px; } .b-Gr .b-r { background-position: 100% -100px; } .w-h .b-Gr .b-r { background-position: 100% -400px; } .b-Rd .b-r { background-position: 100% -200px; } .w-h .b-Rd .b-r { background-position: 100% -500px; } /***************************************************************/ /** MOUSE OVER BACKGROUND IMAGE POSITIONS **/ /***************************************************************/ /* blue button caps and text */ .b-EN:hover .b-Bl .b-j, .b-EN:hover .b-Bl .b-t { background-position: -50px -50px; } .w-h .b-EN:hover .b-Bl .b-j, .w-h .b-EN:hover .b-Bl .b-t { background-position: -50px -350px; } /* green button caps and text */ .b-EN:hover .b-Gr .b-j, .b-EN:hover .b-Gr .b-t { background-position: -50px -150px; } .w-h .b-EN:hover .b-Gr .b-j, .w-h .b-EN:hover .b-Gr .b-t { background-position: -50px -450px; } /* red button caps and text*/ .b-EN:hover .b-Rd .b-j, .b-EN:hover .b-Rd .b-t { background-position: -50px -250px; } .w-h .b-EN:hover .b-Rd .b-j, .w-h .b-EN:hover .b-Rd .b-t { background-position: -50px -550px; } /* left cap */ .b-EN:hover .b-Bl .b-l { background-position: -0px -50px; } .w-h .b-EN:hover .b-Bl .b-l { background-position: -0px -350px; } .b-EN:hover .b-Gr .b-l { background-position: -0px -150px; } .w-h .b-EN:hover .b-Gr .b-l { background-position: -0px -450px; } .b-EN:hover .b-Rd .b-l { background-position: -0px -250px; } .w-h .b-EN:hover .b-Rd .b-l { background-position: -0px -550px; } /* right caps */ .b-EN:hover .b-Bl .b-r { background-position: 100% -50px; } .w-h .b-EN:hover .b-Bl .b-r { background-position: 100% -350px; } .b-EN:hover .b-Gr .b-r { background-position: 100% -150px; } .w-h .b-EN:hover .b-Gr .b-r { background-position: 100% -450px; } .b-EN:hover .b-Rd .b-r { background-position: 100% -250px; } .w-h .b-EN:hover .b-Rd .b-r { background-position: 100% -550px; } /***************************************************************/ /** ICON IMAGE POSITIONS **/ /***************************************************************/ .b-i-OK{ background-position: 0px 0px;} .b-i-Cancel { background-position: -25px 0px;} .b-i-Add { background-position: -50px 0px;} .b-i-Delete { background-position: -75px 0px;} .b-i-Edit { background-position: -100px 0px;} .b-i-Save { background-position: -125px 0px;} .b-i-Back { background-position: -150px 0px;} .b-i-Forward { background-position: -175px 0px;} .b-i-Search { background-position: -200px 0px;} .b-i-Print { background-position: -225px 0px;} .b-i-View { background-position: -250px 0px;} .b-i-SelectAll { background-position: -275px 0px;} .b-i-ClearAll { background-position: -300px 0px;} .b-i-AddPerson { background-position: -325px 0px;} .b-i-AddBuilding { background-position: -350px 0px;} .b-i-Copy { background-position: -375px 0px;} .b-i-AddComment { background-position: -400px 0px;} .b-i-User { background-position: -425px 0px;} .b-i-Document { background-position: -450px 0px;} .b-i-Send { background-position: -475px 0px;} .b-i-SendMultiple { background-position: 0px -25px;} .b-i-Survey { background-position: -25px -25px;} .b-i-DeleteAll { background-position: -50px -25px;} .b-i-BulletinPost { background-position: -75px -25px;} .b-i-SendToChecked { background-position: -100px -25px;} .b-i-Grid { background-position: -125px -25px;} .b-i-ReturnArrow { background-position: -150px -25px;} .b-i-Refresh { background-position: -175px -25px;} .b-i-ExportToCsv { background-position: -200px -25px;} .b-i-ExportToExcel { background-position: -225px -25px;} .b-i-ExportToPdf { background-position: -250px -25px;} .b-i-ExportToWord { background-position: -275px -25px;} .b-i-Expand { background-position: -300px -25px;} .b-i-Collapse { background-position: -325px -25px;} .b-i-Close { background-position: -350px -25px;} .b-i-Upload { background-position: -375px -25px;} .b-i-Time { background-position: -400px -25px;} .b-i-Unlock { background-position: -425px -25px;} .b-i-Lock { background-position: -450px -25px;} .b-i-Navigate { background-position: -475px -25px;} .b-i-ZoomIn { background-position: -0px -50px;} .b-i-ZoomOut { background-position: -25px -50px;} .b-i-Calendar { background-position: -50px -50px;} .b-i-Cogs { background-position: -75px -50px;} .b-i-ToolsSettings { background-position: -100px -50px;} .b-i-Info { background-position: -125px -50px;} .b-i-AddToFavorites { background-position: -150px -50px;} .b-i-BarGraph { background-position: -175px -50px;} .b-i-PieChart{ background-position: -200px -50px;} .b-i-Sort { background-position: -225px -50px;} .b-i-Email { background-position: -250px -50px;} .b-i-Help { background-position: -275px -50px;} .b-i-InsertRight { background-position: -300px -50px;} .b-i-InsertLeft { background-position: -325px -50px;} .b-i-InsertBottomRight { background-position: -350px -50px;} .b-i-InsertBottomLeft { background-position: -375px -50px;} .b-i-SpellCheck { background-position: -400px -50px;} /***************************************************************/ /** BUTTON SPACING, ONLY APPLIED TO FLOATING BUTTONS **/ /***************************************************************/ /* some extra classes for buttons */ .b-05L{ padding-left: 3px } .b-10L{ padding-left: 7px } .b-20L{ padding-left: 14px } .b-30L{ padding-left: 21px } .b-40L{ padding-left: 28px } .b-05R{ padding-right: 3px } .b-10R{ padding-right: 7px } .b-20R{ padding-right: 14px } .b-30R{ padding-right: 21px } .b-40R{ padding-right: 28px } /***************************************************************/ /** LARGE BUTTONS RENDERED AS FLOATS **/ /***************************************************************/ .b-Lg { height: 32px } .b-Lg .b-l { width: 12px; height: 32px;} .b-Lg .b-r { width: 15px; height: 32px;} .b-Lg .b-j { height: 32px; width: 18px; } .b-Lg .b-i { height: 18px; width: 18px; margin: 5px 0px 0px 0px} .b-Lg .b-t { height: 32px; line-height: 29px; font-size: 14px; padding: 0 5px 0 5px;} /***************************************************************/ /** LARGE BUTTONS RENDERED INLINE **/ /***************************************************************/ /* ---- COMMON ---- */ .b-IN .b-Lg .b-Out, .b-IN .b-Lg .b-l, .b-IN .b-Lg .b-r, .b-IN .b-Lg .b-j, .b-IN .b-Lg .b-i, .b-IN .b-Lg .b-t{ font-size: 30px; line-height: 32px; margin: 0px; padding: 0px;} /* letter spacing */ .b-IN .b-Lg .b-l, .b-IN .b-Lg .b-r {letter-spacing: 4px} .b-IN .b-Lg .b-i { letter-spacing: 7px; } /* vertical-align */ .b-IN .b-Lg .b-i {vertical-align: 50%} .b-IN .b-Lg .b-Inn-t {vertical-align: 35%;} /* font-size */ .b-IN .b-Lg .b-i {font-size: 16px;} .b-IN .b-Lg .b-Inn-t { font-size: 14px;} /* ---- IE6 ---- */ /* letter spacing */ .IE6 .b-IN .b-Lg .b-l {letter-spacing: -2px} .IE6 .b-IN .b-Lg .b-r {letter-spacing: -2px} .IE6 .b-IN .b-Lg .b-i {letter-spacing: 4px} .IE6 .b-IN .b-Lg .b-t {letter-spacing: -10px; } .IE6 .b-IN .b-Lg .b-Inn-t {letter-spacing: 0px;} /* font-size */ .IE6 .b-IN .b-Lg .b-j {font-size: 27px;} /* line height */ .IE6 .b-IN .b-Lg .b-j, .IE6 .b-IN .b-Lg .b-i{line-height: 10px;} /* vertical align */ .IE6 .b-IN .b-Lg .b-i{ vertical-align: 25%;} /* ---- Mozilla ---- */ .FF .b-IN .b-Lg .b-i {vertical-align: 25%;} /* ---- MacSafari ---- */ .MacSaf .b-IN .b-Lg .b-i {vertical-align: 25%;} /***************************************************************/ /** HYPERLINK BUTTON OVERRIDES **/ /***************************************************************/ /* Hyperlink Buttons */ .b-Hy { display: inline; white-space: nowrap;cursor: pointer; text-decoration: none } .b-Hy:link, .b-Hy:visited, .b-Hy:hover, .b-Hy:active { text-decoration: none } .b-Hy .b-i { display: inline-block; float: none; width: 17px; height: 17px; border: 0px; position: static; vertical-align: middle; margin: 0px 2px 0px 2px;cursor: pointer; } .b-Inn-Hy { display: inline; float: none; text-decoration: none } .FF .b-Hy .b-i { display: inline-block; } .b-Hy-underline { text-decoration: underline !important; } .b-Hy-underline:link, .b-Hy-underline:visited, .b-Hy-underline:hover, .b-Hy-underline:active { text-decoration: underline !important; } /* Hyperlinks on the GridCommandRow */ html body .rgCommandRow .b-Hy:link { color: #9a9a9a} html body .rgCommandRow .b-Hy:visited { color: #9a9a9a} html body .rgCommandRow .b-Hy:hover { color: #d3ebff} html body .rgCommandRow .b-Hy:active { color: #d3ebff} /***************************************************************/ /** ICON ONLY BUTTONS **/ /***************************************************************/ /* Icon-Only Buttons */ html body .b-Ic .b-t { padding: 0px !important} html body .b-Ic .b-j { padding-left: 2px } /***************************************************************/ /** ICON BUTTONS **/ /***************************************************************/ .b-Ib { display: block; width: 128px; padding: 4px; border: 1px solid #cccccc; text-align: center; overflow: hidden; } body .b-Ib .b-i { height: 32px; display: block; width: 100%; background: url(../../Global/Images/BlkButton/IconButtonSprite.png) no-repeat 50% 0%;} .IE6 .b-Ib .b-i {background-image: url(../../Global/Images/BlkButton/IconButtonSprite-noalpha.png)} .b-Ib .b-t { white-space: normal; display: inline; height: auto; width: 100%; text-align: center; line-height: normal; padding: 0px; color: inherit; } .w-o .b-Ib { border-top: 1px solid #f0f9ff; border-left: 1px solid #cfebff; border-right: 1px solid #96b5cb; border-bottom: 1px solid #7f99ac;} .w-o .b-Ib:hover { border-bottom: 1px solid #f0f9ff; border-right: 1px solid #cfebff; border-left: 1px solid #96b5cb; border-top: 1px solid #7f99ac;} /***************************************************************/ /** WHEN IN HEADER/FOOTER ( DO NOT CHANGE!!!) **/ /***************************************************************/ .w-f .Right div, .w-h .Right div {display: inline !important} /* .b-IN .w-f .Right, .b-IN .w-h .Right {padding-right: 10px; padding-top: 2px;} .b-IN .w-h .b-i, .b-IN .w-f .b-i { vertical-align: 10%} .b-IN .w-f .Left {padding-right: 10px;} .b-IN .w-f .b-r {letter-spacing: 2px;}*/ /* these overrides work on FF */ .FF .b-IN .w-h .b-ELS { vertical-align: baseline; } .FF .b-IN .w-h .Right { padding-top: 5px;} .FF .b-IN .w-h .b-i { vertical-align: 10%;} .b-Hy .b-i { display: inline-block; } .IE6 .b-Hy .b-i, .IE7 .b-Hy .b-i { display: inline; } /****************************************************************************************************************************/ /****************************************************************************************************************************/ /**** WRAPPERS ****/ /****************************************************************************************************************************/ /****************************************************************************************************************************/ #WRAPPERS {color: Black;} /*! Copyright 2010 BuildingLink.com */ /* Watch the size of this file */ /* BACKGROUND IMAGES ONLY !!!!! */ /* NO BACKGROUND-POSITION, NO BG REPEAT ATTRIBUTE, NO BACKGROUND-COLOR */ .w-I-h1 { background-image: url(../../Global/images/BlkWrapper/Mgmt/HorizSprite_4_28_09.gif)} .w-I-h2 { background-image: url(../../Global/images/BlkWrapper/Mgmt/OptionsTop_4_28_09.gif)} .w-I-h3 { background-image: url(../../Global/images/BlkWrapper/Mgmt/FooterBottom.gif)} .w-I-v1 { background-image: url(../../Global/images/BlkWrapper/Mgmt/ContentLeft.gif)} .w-I-v2 { background-image: url(../../Global/images/BlkWrapper/Mgmt/ContentRight.gif)} .w-I-v3 { background-image: url(../../Global/images/BlkWrapper/Mgmt/TopLeftCornerSprite_4_28_09.gif)} .w-I-v4 { background-image: url(../../Global/images/BlkWrapper/Mgmt/TopRightCornerSprite_4_28_09.gif)} .w-I-v5 { background-image: url(../../Global/images/BlkWrapper/Mgmt/BottomLeftCornerSprite.gif)} .w-I-v6 { background-image: url(../../Global/images/BlkWrapper/Mgmt/BottomRightCornerSprite.gif)} .w-Fs .w-I-h2 { background-image: url(../../Global/images/BlkWrapper/Mgmt/FormSectionOptionsTop.gif)} .w-Fs .w-I-h3 { background-image: url(../../Global/images/BlkWrapper/Mgmt/FormSectionFooterBottom.gif)} .w-Fs .w-I-v1 { background-image: url(../../Global/images/BlkWrapper/Mgmt/FormSectionContentLeft.gif)} .w-Fs .w-I-v2 { background-image: url(../../Global/images/BlkWrapper/Mgmt/FormSectionContentRight.gif)} .w-Sk .w-I-h2 { background-image: url(../../Global/images/BlkWrapper/Mgmt/StackableOptionsTop.gif)} .w-Sk .w-I-h3 { background-image: url(../../Global/images/BlkWrapper/Mgmt/StackableFooterBottom.gif)} .w-Sk .w-I-v1 { background-image: url(../../Global/images/BlkWrapper/Mgmt/StackableContentLeft.gif)} .w-Sk .w-I-v2 { background-image: url(../../Global/images/BlkWrapper/Mgmt/StackableContentRight.gif)} .w-Sk .w-Fs .w-I-h2 { background-image: url(../../Global/images/BlkWrapper/Mgmt/StackableFormSectionOptionsTop.gif)} .w-Sk .w-Fs .w-I-h3 { background-image: url(../../Global/images/BlkWrapper/Mgmt/StackableFormSectionFooterBottom.gif)} /* 19 unique images */ /* (resident site) */ .w-T .w-I-h1 { background-image: url(../../Global/images/BlkWrapper/Tenant/HorizSprite.gif)} .w-T .w-I-h2 { background-image: url(../../Global/images/BlkWrapper/Tenant/OptionsTop.gif)} .w-T .w-I-v1 { background-image: url(../../Global/images/BlkWrapper/Tenant/ContentLeft.gif)} .w-T .w-I-v2 { background-image: url(../../Global/images/BlkWrapper/Tenant/ContentRight.gif)} .w-T .w-I-v3 { background-image: url(../../Global/images/BlkWrapper/Tenant/TopLeftCornerSprite.gif)} .w-T .w-I-v4 { background-image: url(../../Global/images/BlkWrapper/Tenant/TopRightCornerSprite.gif)} .w-T .w-I-v5 { background-image: url(../../Global/images/BlkWrapper/Tenant/BottomLeftCornerSprite.gif)} .w-T .w-I-v6 { background-image: url(../../Global/images/BlkWrapper/Tenant/BottomRightCornerSprite.gif)} .w-T .w-Fs .w-I-h3 { background-image: url(../../Global/images/BlkWrapper/Tenant/FooterBottom.gif)} .w-T .w-Fs .w-I-v1 { background-image: url(../../Global/images/BlkWrapper/Tenant/FormSectionContentLeft.gif)} .w-T .w-Fs .w-I-v2 { background-image: url(../../Global/images/BlkWrapper/Tenant/FormSectionContentRight.gif)} /* 10 total */ /* notifications */ .w-Na .w-I-h1, .w-Nw .w-I-h1, .w-Nc .w-I-h1, .w-Ni .w-I-h1, .w-Nh .w-I-h1 { background-image: url(../../Global/images/BlkWrapper/Notif/NotifHorizSprite.gif) !important} .w-Na .w-I-v1 { background-image: url(../../Global/images/BlkWrapper/Notif/AlertContentLeft.gif) !important} .w-Na .w-I-v2 { background-image: url(../../Global/images/BlkWrapper/Notif/AlertContentRight.gif) !important} .w-Nw .w-I-v1 { background-image: url(../../Global/images/BlkWrapper/Notif/WarningContentLeft.gif) !important} .w-Nw .w-I-v2 { background-image: url(../../Global/images/BlkWrapper/Notif/WarningContentRight.gif) !important} .w-Nc .w-I-v1 { background-image: url(../../Global/images/BlkWrapper/Notif/ConfirmContentLeft.gif) !important} .w-Nc .w-I-v2 { background-image: url(../../Global/images/BlkWrapper/Notif/ConfirmContentRight.gif) !important} .w-Ni .w-I-v1 { background-image: url(../../Global/images/BlkWrapper/Notif/InfoContentLeft.gif) !important} .w-Ni .w-I-v2 { background-image: url(../../Global/images/BlkWrapper/Notif/InfoContentRight.gif) !important} .w-Nh .w-I-v1 { background-image: url(../../Global/images/BlkWrapper/Notif/HelpContentLeft.gif) !important} .w-Nh .w-I-v2 { background-image: url(../../Global/images/BlkWrapper/Notif/HelpContentRight.gif) !important} .w-I-ih { background-image: url(../../Global/images/BlkWrapper/WrapperIconSprite.gif)} /* FONT-FAMILY INFORMATION ONLY ONLY!!*/ .w-F-h {font-family: "Gill Sans MT",Corbel,"Trebuchet MS",Optima,"Gill Sans",Tahoma,Arial,sans-serif} /* HEIGHTS ONLY!!*/ .w-H-h {height: 29px} .w-H-co {height: 7px;} .w-H-c {height: 7px;} .w-Fs .w-H-h {height: 22px} .w-Sk .w-bc.w-H-c, .w-Sk .w-Fs .w-bc.w-H-c {height: 2px} .w-T .w-H-co {height: 10px;} .w-T .w-H-c {height: 10px;} .w-T.w-Nt .w-H-c {height: 7px;} /* WIDTHS ONLY!!*/ .w-W-c {width: 7px;} .w-W-ch {width: 10px} .w-W-co {width: 7px;} .w-W-cf {width: 10px;} .w-Fs .w-W-cf {width: 7px;} .w-Sk .w-bc .w-W-c, .w-Sk .w-Fs .w-bc .w-W-c {width: 2px} .w-T .w-W-c {width: 10px;} .w-T .w-W-co {width: 10px;} .w-T.w-Fs .w-W-cf {width: 10px;} .w-T.w-Nt .w-W-c {width: 7px;} /* BACKGROUND-COLORS ONLY!!*/ .w-C-out {background-color: #ebf3f9;} .w-C-h {background-color: #468fcd} .w-C-o {background-color: #bce3ff} .w-C-f {background-color: #bfd3e2} .w-Fs .w-C-out{background-color: #d9e8f3;} .w-Fs .w-C-h {background-color: #ebf3f9} .w-Fs .w-C-o , .w-Fs .w-C-f {background-color: #badbf3} .w-Sk .w-C-out{background-color: #ffffff;} .w-Sk .w-C-h {background-color: #335e7b} .w-Sk .w-C-o {background-color: #848484;} .w-Sk .w-C-f {} .w-Sk .w-Fs .w-C-out{background-color: #ffffff;} .w-Sk .w-Fs .w-C-h {background-color: Transparent;} .w-Sk .w-Fs .w-C-o {background-color: #ffffff;} .w-Sk .w-Fs .w-C-f {background-color: #ffffff;} .w-Na .w-C-out {background-color: #ffcfcf;} .w-Nw .w-C-out {background-color: #ffe59b;} .w-Nc .w-C-out {background-color: #bcf6bf;} .w-Ni .w-C-out {background-color: #e6e8f4;} .w-Nh .w-C-out {background-color: #d2f9f9;} /* BOTTOM-BORDER-COLORS ONLY!!*/ .w-B-h {border-bottom-color: #073863} .w-B-o {border-bottom-color: #5697ce} .w-Sk .w-B-h {border-bottom-color: #0b2436} .w-Sk .w-B-o {border-bottom-color: #575757} .w-Sk .w-Fs .w-B-h {border-bottom-color: #959595} .w-Sk .w-Fs .w-B-o {border-bottom-color: #5697ce} /***************************************************************/ /** STRUCTURAL **/ /** NO COLORS, NO IMAGES, NO WIDTHS, NO HEIGHTS, **/ /***************************************************************/ /* OUTERMOST TAG */ .w-Wrp { padding-bottom: 7px; clear: both } /* HEAD (TABLE) */ .w-h { border-bottom-style: solid; border-bottom-width: 1px} .w-lh { background-position: 0% -60px} .w-mh { color: White; line-height: 29px; font-size: 14px; font-weight: bold;} .w-mh .b-Wrp { margin-top: 3px } .w-rh { background-position: 100% -60px} .w-thc {display: none} .w-ih {float: left; margin: 5px 4px 0 0; width: 20px; height: 20px; background-position: 0px -20px} .w-EC .w-ih { display: block;} .w-EC .w-h {cursor: pointer;} .w-NE .w-ih { display: none;} /* OPTIONS (TABLE with CAPS) */ .w-toc {width: 100%; overflow: hidden; clear: both; background-position: 0px -130px;} .w-ltoc { background-position: 0px -150px; float: left;} .w-rtoc {background-position: 100% -150px; float: right;} .w-o { border-bottom-style: solid; border-bottom-width: 1px} .w-mo { background-repeat: repeat-x; padding: 0px 3px 0px 3px; } .w-boc {width: 100%; overflow: hidden; clear: both; background-position: 0% -140px;} .w-lboc {background-position: 0% -160px; float: left;} .w-rboc {background-position: 100% -160px; float: right} /* FOOTER (TABLE)*/ .w-f {} .w-lf { background-position: 0% 100%} .w-mf { background-position: 0% 100%; padding: 4px 0px 2px 0px} .w-rf { background-position: 0% 100%} /* OUTER CAPS (DIVS)*/ .w-tc {width: 100%; overflow: hidden; clear: both; background-position: 0px -170px;} .w-ltc { background-position: 0px -190px; float: left} .w-rtc {background-position: 100% -190px; float: right} .w-bc {width: 100%; overflow: hidden; clear: both; background-position: 0% -180px;} .w-lbc {background-position: 0% -200px; float: left} .w-rbc {background-position: 100% -200px; float: right} /* SPACER */ .s {width: 1px; height: 1px } /* CONTENTS */ .w-EX .Con, .w-EX .w-bc, .w-EX .w-f {display: block;} .w-CL .Con, .w-CL .w-bc, .w-CL .w-f {display: none;} .w-OutCon { background-repeat: repeat-y; background-position: left;} .w-OutCon .w-InnCon { background-repeat: repeat-y; background-position: right} .w-OutCon .w-InnCon .w-Con, .w-OutCon .w-InnCon .Con{ margin: 0px 10px 0px 10px; padding: 0px !important;} /***************************************************************/ /** OVERRIDES **/ /** NO COLORS, NO IMAGES, NO WIDTHS, NO HEIGHTS, **/ /***************************************************************/ /* --- EXPANDED/COLLAPSED --- */ .w-CL .w-h { border-bottom-width: 0px;} .w-CL .w-lh { background-position: 0% -100px; } .w-CL .w-rh { background-position: 100% -100px; } .w-CL .w-ih { background-position: 0px 0px } /* --- FORM SECTION --- */ .w-Fs { padding-bottom: 7px;} /* top caps */ .w-Fs .w-tc {width: 100%; overflow: hidden; clear: both; background-position: 0% -210px;} .w-Fs .w-ltc {background-position: 0% -230px; float: left} .w-Fs .w-rtc {background-position: 100% -230px; float: right} /* head */ .w-Fs .w-h { border-bottom: 0px;} .w-Fs .w-lh, .w-Fs .w-mh, .w-Fs .w-rh { background-position: 0px -450px; } /* -450px makes this effectively background-image: none */ .w-Fs .w-mh { color: Black; font-size: 13px; line-height: 22px;} .w-Fs .w-thc {display: block} .w-Fs.w-HO .w-thc {display: none} .w-Fs .w-thc { width: 100%; overflow: hidden; clear: both; background-position: 0px -210px } .w-Fs .w-thc .w-lthc { background-position: 0px -230px; float:left;} .w-Fs .w-thc .w-rthc { background-position: 100% -230px; float: right;} /* options */ .w-Fs .w-o { border-bottom: 0px } .w-Fs .w-toc { background-position: 0px -250px} .w-Fs .w-ltoc { background-position: 0% -260px } .w-Fs .w-rtoc { background-position: 100% -260px } .w-Fs .w-boc { display: none } .w-Fs .w-lo { background-position: -10px 0%} .w-Fs .w-mo { background-position: left -150px} .w-Fs .w-ro { background-position: -10px 0%} /* footer */ .w-Fs .w-lf { background-position: -10px 100%} .w-Fs .w-rf { background-position: -10px 100%} /* outer caps */ .w-Fs .w-bc {width: 100%; overflow: hidden; clear: both; background-position: 0% -220px;} .w-Fs .w-lbc {background-position: 0% -240px; float: left} .w-Fs .w-rbc {background-position: 100% -240px; float: right} .w-CL .w-thc { display: none; } /* --- STACKABLE --- */ /* variables */ .w-Sk .w-H-h { height: 23px} .w-Sk .w-W-ch { width: 7px} /* outer */ .w-Wrp.w-Sk { padding-bottom: 0px } /* head */ .w-Sk .w-lh { background-position: 0px -330px} .w-Sk .w-mh { color: White; line-height: 22px; padding-right: 3px; background-position: 0px -270px} .w-Sk .w-mh .b-Wrp { margin-top: 1px; height: 22px; } .w-Sk .w-ih { margin: 1px 3px 0 0 } .w-Sk .w-rh { background-position: 100% -330px} .w-Sk .w-ih { margin: 1px 4px 0 0; width: 22px; height: 22px; background-position: 0px -70px} /* options */ .w-Sk .w-o { border-bottom-style: solid; border-bottom-width: 1px} .w-Sk .w-toc {display: none} .w-Sk .w-boc {display: none} .w-Sk .w-lo { background-position: -20px 0% } .w-Sk .w-mo { padding: 7px 0px 5px 0px; background-repeat: repeat-x; background-position: 0px 0px;} .w-Sk .w-ro { background-position: -20px 0% } /* footer */ .w-Sk .w-lf { background-position: -40px 100% } .w-Sk .w-mf { padding: 7px 0px 5px 0px} .w-Sk .w-rf { background-position: -40px 100% } /* outer caps */ .w-Sk .w-bc { background-position: 0 -446px } .w-Sk .w-lbc { background-position: 0 -448px } .w-Sk .w-rbc { background-position: 100% -448px } /* expanded/collapsed */ .w-Sk.w-CL .w-h { border-bottom-width: 1px;} .w-Sk.w-CL .w-ih { background-position: 0px -40px } /* --- FORM SECTION INSIDE STACKABLE --- */ /* outer */ .w-Sk .w-Wrp.w-Fs { padding-bottom: 0px } /* head */ .w-Sk .w-Fs .w-h {} .w-Sk .w-Fs .w-lh { background-position: 0px -420px } .w-Sk .w-Fs .w-mh { background-position: 0px 0px; color: Black; background-position: 100% -390px} .w-Sk .w-Fs .w-rh { background-position: 100% -420px } .w-Sk .w-Fs .w-thc {display: none} .w-Sk .w-Fs .w-ih { margin-top: 0px; height: 21px; background-position: 0px -130px} /* options */ .w-Sk .w-Fs .w-o { border-bottom: 0px } .w-Sk .w-Fs .w-lo { background-position: -30px 0% } .w-Sk .w-Fs .w-ro { background-position: -30px 0% } /* footer */ .w-Sk .w-Fs .w-lf { background-position: -50px 100% } .w-Sk .w-Fs .w-rf { background-position: -50px 100% } /* expanded/collapsed */ .w-Sk .w-Fs.w-CL .w-h { border-bottom-width: 1px;} .w-Sk .w-Fs.w-CL .w-ih { background-position: 0px -100px } /* --- RESIDENT STRUCTURAL --- */ /* footer */ .w-T .w-mf { background-position: 0% 100%; padding: 6px 0px 4px 3px} /* contents */ .w-T .w-OutCon .w-InnCon .w-Con, .w-T .w-OutCon .w-InnCon .Con{ margin: 0px 10px 0px 10px} /* --- NOTIFICATIONS --- */ /* alert on white background */ .w-Na .w-tc { background-position: 0px 0px } .w-Na .w-ltc { background-position: 0px -20px } .w-Na .w-rtc { background-position: 100% -20px } .w-Na .w-bc { background-position: 0px -13px } .w-Na .w-lbc { background-position: 0px -33px } .w-Na .w-rbc { background-position: 100% -33px } /* alert in wrapper */ .w-Wrp .w-Na .w-ltc { background-position: 0px -200px } .w-Wrp .w-Na .w-rtc { background-position: 100% -200px } .w-Wrp .w-Na .w-lbc { background-position: 0px -213px } .w-Wrp .w-Na .w-rbc { background-position: 100% -213px } /* alert in table in wrapper */ .w-Wrp .FormTable .w-Na .w-ltc { background-position: 0px -300px } .w-Wrp .FormTable .w-Na .w-rtc { background-position: 100% -300px } .w-Wrp .FormTable .w-Na .w-lbc { background-position: 0px -313px } .w-Wrp .FormTable .w-Na .w-rbc { background-position: 100% -313px } /* alert in form section */ .w-Fs .w-Na .w-ltc { background-position: 0px -400px } .w-Fs .w-Na .w-rtc { background-position: 100% -400px } .w-Fs .w-Na .w-lbc { background-position: 0px -413px } .w-Fs .w-Na .w-rbc { background-position: 100% -413px } /* alert in table in form section */ .w-Fs .FormTable .w-Na .w-ltc { background-position: 0px -500px } .w-Fs .FormTable .w-Na .w-rtc { background-position: 100% -500px } .w-Fs .FormTable .w-Na .w-lbc { background-position: 0px -513px } .w-Fs .FormTable .w-Na .w-rbc { background-position: 100% -513px } /* warning on white background */ .w-Nw .w-tc { background-position: 0px -40px } .w-Nw .w-ltc { background-position: 0px -60px } .w-Nw .w-rtc { background-position: 100% -60px } .w-Nw .w-bc { background-position: 0px -53px } .w-Nw .w-lbc { background-position: 0px -73px } .w-Nw .w-rbc { background-position: 100% -73px } /* warning in wrapper */ .w-Wrp .w-Nw .w-ltc { background-position: 0px -220px } .w-Wrp .w-Nw .w-rtc { background-position: 100% -220px } .w-Wrp .w-Nw .w-lbc { background-position: 0px -233px } .w-Wrp .w-Nw .w-rbc { background-position: 100% -233px } /* warning in table in wrapper */ .w-Wrp .FormTable .w-Nw .w-ltc { background-position: 0px -320px } .w-Wrp .FormTable .w-Nw .w-rtc { background-position: 100% -320px } .w-Wrp .FormTable .w-Nw .w-lbc { background-position: 0px -333px } .w-Wrp .FormTable .w-Nw .w-rbc { background-position: 100% -333px } /* warning in form section */ .w-Fs .w-Nw .w-ltc { background-position: 0px -420px } .w-Fs .w-Nw .w-rtc { background-position: 100% -420px } .w-Fs .w-Nw .w-lbc { background-position: 0px -433px } .w-Fs .w-Nw .w-rbc { background-position: 100% -433px } /* warning in table in form section */ .w-Fs .FormTable .w-Nw .w-ltc { background-position: 0px -520px } .w-Fs .FormTable .w-Nw .w-rtc { background-position: 100% -520px } .w-Fs .FormTable .w-Nw .w-lbc { background-position: 0px -533px } .w-Fs .FormTable .w-Nw .w-rbc { background-position: 100% -533px } /* confirmation on white background */ .w-Nc .w-tc { background-position: 0px -80px } .w-Nc .w-ltc { background-position: 0px -100px } .w-Nc .w-rtc { background-position: 100% -100px } .w-Nc .w-bc { background-position: 0px -93px } .w-Nc .w-lbc { background-position: 0px -113px } .w-Nc .w-rbc { background-position: 100% -113px } /* confirmation in wrapper */ .w-Wrp .w-Nc .w-ltc { background-position: 0px -240px } .w-Wrp .w-Nc .w-rtc { background-position: 100% -240px } .w-Wrp .w-Nc .w-lbc { background-position: 0px -253px } .w-Wrp .w-Nc .w-rbc { background-position: 100% -253px } /* confirmation in table in wrapper */ .w-Wrp .FormTable .w-Nc .w-ltc { background-position: 0px -340px } .w-Wrp .FormTable .w-Nc .w-rtc { background-position: 100% -340px } .w-Wrp .FormTable .w-Nc .w-lbc { background-position: 0px -353px } .w-Wrp .FormTable .w-Nc .w-rbc { background-position: 100% -353px } /* confirmation in form section */ .w-Fs .w-Nc .w-ltc { background-position: 0px -440px } .w-Fs .w-Nc .w-rtc { background-position: 100% -440px } .w-Fs .w-Nc .w-lbc { background-position: 0px -453px } .w-Fs .w-Nc .w-rbc { background-position: 100% -453px } /* confirmation in table in form section */ .w-Fs .FormTable .w-Nc .w-ltc { background-position: 0px -540px } .w-Fs .FormTable .w-Nc .w-rtc { background-position: 100% -540px } .w-Fs .FormTable .w-Nc .w-lbc { background-position: 0px -553px } .w-Fs .FormTable .w-Nc .w-rbc { background-position: 100% -553px } /* info on white background */ .w-Ni .w-tc { background-position: 0px -120px } .w-Ni .w-ltc { background-position: 0px -140px } .w-Ni .w-rtc { background-position: 100% -140px } .w-Ni .w-bc { background-position: 0px -133px } .w-Ni .w-lbc { background-position: 0px -153px } .w-Ni .w-rbc { background-position: 100% -153px } /* info in wrapper */ .w-Wrp .w-Ni .w-ltc { background-position: 0px -260px } .w-Wrp .w-Ni .w-rtc { background-position: 100% -260px } .w-Wrp .w-Ni .w-lbc { background-position: 0px -273px } .w-Wrp .w-Ni .w-rbc { background-position: 100% -273px } /* info in table in wrapper */ .w-Wrp .FormTable .w-Ni .w-ltc { background-position: 0px -360px } .w-Wrp .FormTable .w-Ni .w-rtc { background-position: 100% -360px } .w-Wrp .FormTable .w-Ni .w-lbc { background-position: 0px -373px } .w-Wrp .FormTable .w-Ni .w-rbc { background-position: 100% -373px } /* info in form section */ .w-Fs .w-Ni .w-ltc { background-position: 0px -460px } .w-Fs .w-Ni .w-rtc { background-position: 100% -460px } .w-Fs .w-Ni .w-lbc { background-position: 0px -473px } .w-Fs .w-Ni .w-rbc { background-position: 100% -473px } /* info in table in form section */ .w-Fs .FormTable .w-Ni .w-ltc { background-position: 0px -560px } .w-Fs .FormTable .w-Ni .w-rtc { background-position: 100% -560px } .w-Fs .FormTable .w-Ni .w-lbc { background-position: 0px -573px } .w-Fs .FormTable .w-Ni .w-rbc { background-position: 100% -573px } /* help on white background */ .w-Nh .w-tc { background-position: 0px -160px } .w-Nh .w-ltc { background-position: 0px -180px } .w-Nh .w-rtc { background-position: 100% -180px } .w-Nh .w-bc { background-position: 0px -173px } .w-Nh .w-lbc { background-position: 0px -193px } .w-Nh .w-rbc { background-position: 100% -193px } /* info in wrapper */ .w-Wrp .w-Nh .w-ltc { background-position: 0px -280px } .w-Wrp .w-Nh .w-rtc { background-position: 100% -280px } .w-Wrp .w-Nh .w-lbc { background-position: 0px -293px } .w-Wrp .w-Nh .w-rbc { background-position: 100% -293px } /* info in table in wrapper */ .w-Wrp .FormTable .w-Nh .w-ltc { background-position: 0px -380px } .w-Wrp .FormTable .w-Nh .w-rtc { background-position: 100% -380px } .w-Wrp .FormTable .w-Nh .w-lbc { background-position: 0px -393px } .w-Wrp .FormTable .w-Nh .w-rbc { background-position: 100% -393px } /* info in form section */ .w-Fs .w-Nh .w-ltc { background-position: 0px -480px } .w-Fs .w-Nh .w-rtc { background-position: 100% -480px } .w-Fs .w-Nh .w-lbc { background-position: 0px -493px } .w-Fs .w-Nh .w-rbc { background-position: 100% -493px } /* info in table in form section */ .w-Fs .FormTable .w-Nh .w-ltc { background-position: 0px -580px } .w-Fs .FormTable .w-Nh .w-rtc { background-position: 100% -580px } .w-Fs .FormTable .w-Nh .w-lbc { background-position: 0px -593px } .w-Fs .FormTable .w-Nh .w-rbc { background-position: 100% -593px } /* contents */ .w-Nt .w-OutCon .w-InnCon .w-Con, .w-Nt .w-OutCon .w-InnCon .Con{ padding: 0px 0px 0px 0px !important} /* notification icons */ .w-Nt .w-OutCon .w-HI .w-Con, .w-Nt .w-OutCon .w-HI .Con { padding: 0 0 0 50px !important; background-repeat: no-repeat; } .w-Nh .w-OutCon .w-HI .w-Con, .w-Nh .w-OutCon .w-HI .Con { background-image: url(../../Global/Images/BlkWrapper/Notif/help-icon.gif); background-position: -10px -10px;padding-left: 27px !important;} .w-Na .w-OutCon .w-HI .w-Con, .w-Na .w-OutCon .w-HI .Con { background-image: url(../../Global/Images/BlkWrapper/Notif/red-alert-icon.gif);} .w-Nc .w-OutCon .w-HI .w-Con, .w-Nc .w-OutCon .w-HI .Con { background-image: url(../../Global/Images/BlkWrapper/Notif/confirmation-icon.gif);} .w-Ni .w-OutCon .w-HI .w-Con, .w-Ni .w-OutCon .w-HI .Con { background-image: url(../../Global/Images/BlkWrapper/Notif/info-icon.gif);}/* deleted: padding-left: 35px !important;height: 27px; */ .w-Nw .w-OutCon .w-HI .w-Con, .w-Nw .w-OutCon .w-HI .Con { background-image: url(../../Global/Images/BlkWrapper/Notif/yellow-alert-icon.gif);} .w-Uc .w-OutCon .w-HI .w-Con, .w-Uc .w-OutCon .w-HI .Con { background-image: url(../../Global/Images/BlkWrapper/Notif/under-construction-icon.gif);} /* removes spacing from caps, borders. removes background colors */ .w-nostyle .w-Wrp {border: 0px !important; background-color: Transparent !important; background-image: none !important;} .w-nostyle .w-h { border-bottom: 0px !important;} .w-nostyle .w-I-h1, .w-nostyle .w-I-v1, .w-nostyle .w-I-v2 { background-image: none !important;} .w-nostyle .w-H-c, .w-nostyle .w-H-co { height: 0 !important; } .w-nostyle .w-W-c, .w-nostyle .w-W-ch, .w-nostyle .w-W-co, .w-nostyle .w-W-cf { width: 0 !important; } .w-nostyle .w-C-out, .w-nostyle .w-C-h, .w-nostyle .w-C-o, .w-nostyle .w-C-f { background-color: Transparent !important} .w-nostyle .w-mh { color: Black; } body .w-nostyle .w-OutCon .Con, body .w-nostyle .w-OutCon .w-Con { margin: 0px !important} /* convenience classes */ .w-Sk.NoContentPadding .w-OutCon .w-InnCon .Con, .w-Sk.NoContentPadding .w-OutCon .w-InnCon .w-Con { padding: 0px !important; margin: 2px !important; margin-top: 0px !important; margin-bottom: 0px !important } /****************************************************************************************************************************/ /****************************************************************************************************************************/ /**** WHITE SPACE ****/ /****************************************************************************************************************************/ /****************************************************************************************************************************/ /*************************************************************************/ /* PADDING */ /*************************************************************************/ /* all round padding */ /* these must be above the one-side-only paddings so that they always override them */ .P,html td.P,.Pad { padding: 7px !important; } .P20,html td.P20,.Pad20 { padding: 20px !important; } .P15,html td.P15,.Pad15 { padding: 15px !important; } .P10,html td.P10,.Pad10 { padding: 10px !important; } .P9,html td.P9,.Pad9 { padding: 9px !important; } .P8,html td.P8,.Pad8 { padding: 8px !important; } .P7,html td.P7,.Pad7 { padding: 7px !important; } .P6,html td.P6,.Pad6 { padding: 6px !important; } .P5,html td.P5,.Pad5 { padding: 5px !important; } .P4,html td.P4,.Pad4 { padding: 4px !important; } .P3,html td.P3,.Pad3 { padding: 3px !important; } .P2,html td.P2,.Pad2 { padding: 2px !important; } .P1,html td.P1,.Pad1 { padding: 1px !important; } .P0,html td.P0,.Pad0 { padding: 0px !important; } /* atomic unit padding */ .PT,html td.PT,.PadTop { padding-top: 7px !important; } .PR,html td.PR,.PadRight { padding-right: 7px !important; } .PB,html td.PB,.PadBottom { padding-bottom: 7px !important; } .PL,html td.PL,.PadLeft { padding-left: 7px !important; } /* 20 pixel paddings */ .PT20,html td.PT20,.PadTop20 { padding-top: 20px !important; } .PR20,html td.PR20,.PadRight20 { padding-right: 20px !important; } .PB20,html td.PB20,.PadBottom20 { padding-bottom: 20px !important; } .PL20,html td.PL20,.PadLeft20 { padding-left: 20px !important; } /* 16 pixel paddings */ .PT16 { padding-top: 16px !important; } /* 15 pixel paddings */ .PT15,html td.PT15,.PadTop15 { padding-top: 15px !important; } .PR15,html td.PR15,.PadRight15 { padding-right: 15px !important; } .PB15,html td.PB15,.PadBottom15 { padding-bottom: 15px !important; } .PL15,html td.PL15,.PadLeft15 { padding-left: 15px !important; } /* 10 pixel paddings */ .PT10,html td.PT10,.PadTop10 { padding-top: 10px !important; } .PR10,html td.PR10,.PadRight10 { padding-right: 10px !important; } .PB10,html td.PB10,.PadBottom10 { padding-bottom: 10px !important; } .PL10,html td.PL10,.PadLeft10 { padding-left: 10px !important; } /* 9 pixel paddings */ .PT9,html td.PT9,.PadTop9 { padding-top: 9px !important; } .PR9,html td.PR9,.PadRight9 { padding-right: 9px !important; } .PB9,html td.PB9,.PadBottom9 { padding-bottom: 9px !important; } .PL9,html td.PL9,.PadLeft9 { padding-left: 9px !important; } /* 8 pixel paddings */ .PT8,html td.PT8,.PadTop8 { padding-top: 8px !important; } .PR8,html td.PR8,.PadRight8 { padding-right: 8px !important; } .PB8,html td.PB8,.PadBottom8 { padding-bottom: 8px !important; } .PL8,html td.PL8,.PadLeft8 { padding-left: 8px !important; } /* 7 pixel paddings */ .PT7,html td.PT7,.PadTop7 { padding-top: 7px !important; } .PR7,html td.PR7,.PadRight7 { padding-right: 7px !important; } .PB7,html td.PB7,.PadBottom7 { padding-bottom: 7px !important; } .PL7,html td.PL7,.PadLeft7 { padding-left: 7px !important; } /* 6 pixel paddings */ .PT6,html td.PT6,.PadTop6 { padding-top: 6px !important; } .PR6,html td.PR6,.PadRight6 { padding-right: 6px !important; } .PB6,html td.PB6,.PadBottom6 { padding-bottom: 6px !important; } .PL6,html td.PL6,.PadLeft6 { padding-left: 6px !important; } /* 5 pixel paddings */ .PT5,html td.PT5,.PadTop5 { padding-top: 5px !important; } .PR5,html td.PR5,.PadRight5 { padding-right: 5px !important; } .PB5,html td.PB5,.PadBottom5 { padding-bottom: 5px !important; } .PL5,html td.PL5,.PadLeft5 { padding-left: 5px !important; } /* 4 pixel paddings */ .PT4,html td.PT4,.PadTop4 { padding-top: 4px !important; } .PR4,html td.PR4,.PadRight4 { padding-right: 4px !important; } .PB4,html td.PB4,.PadBottom4 { padding-bottom: 4px !important; } .PL4,html td.PL4,.PadLeft4 { padding-left: 4px !important; } /* 3 pixel paddings */ .PT3,html td.PT3,.PadTop3 { padding-top: 3px !important; } .PR3,html td.PR3,.PadRight3 { padding-right: 3px !important; } .PB3,html td.PB3,.PadBottom3 { padding-bottom: 3px !important; } .PL3,html td.PL3,.PadLeft3 { padding-left: 3px !important; } /* 2 pixel paddings */ .PT2,html td.PT2,.PadTop2 { padding-top: 2px !important; } .PR2,html td.PR2,.PadRight2 { padding-right: 2px !important; } .PB2,html td.PB2,.PadBottom2 { padding-bottom: 2px !important; } .PL2,html td.PL2,.PadLeft2 { padding-left: 2px !important; } /* 1 pixel paddings */ .PT1,html td.PT1,.PadTop1 { padding-top: 1px !important; } .PR1,html td.PR1,.PadRight1 { padding-right: 1px !important; } .PB1,html td.PB1,.PadBottom1 { padding-bottom: 1px !important; } .PL1,html td.PL1,.PadLeft1 { padding-left: 1px !important; } /* 0 pixel paddings */ .PT0,html td.PT0,.PadTop0 { padding-top: 0px !important; } .PR0,html td.PR0,.PadRight0 { padding-right: 0px !important; } .PB0,html td.PB0,.PadBottom0 { padding-bottom: 0px !important; } .PL0,html td.PL0,.PadLeft0 { padding-left: 0px !important; } /* first item on page padding */ .PTF,html td.PTF,.PadTopFirst { padding-top: 15px !important; } /*************************************************************************/ /* MARGINS */ /*************************************************************************/ /* top wrapper margin */ .MarTopWrp { margin-top: 15px !important; } /* all around margins */ /* these must be above the one-side-only margins so that they always override them */ .M,.Mar { margin: 7px} .M20,.Mar20 { margin: 20px !important; } .M15,.Mar15 { margin: 15px !important; } .M10,.Mar10 { margin: 10px !important; } .M9,.Mar9 { margin: 9px !important; } .M8,.Mar8 { margin: 8px !important; } .M7,.Mar7 { margin: 7px !important; } .M6,.Mar6 { margin: 6px !important; } .M5,.Mar5 { margin: 5px !important; } .M4,.Mar4 { margin: 4px !important; } .M3,.Mar3 { margin: 3px !important; } .M2,.Mar2 { margin: 2px !important; } .M1,.Mar1 { margin: 1px !important; } .M0,.Mar0 { margin: 0px !important; } /* atomic unit margins */ .MT,.MarTop { margin-top: 7px !important; } .MR,.MarRight { margin-right: 7px !important; } .MB,.MarBottom { margin-bottom: 7px !important; } .ML,.MarLeft { margin-left: 7px !important; } /* 20 pixel margins */ .MT20,.MarTop20 { margin-top: 20px !important; } .MR20,.MarRight20 { margin-right: 20px !important; } .MB20,.MarBottom20 { margin-bottom: 20px !important; } .ML20,.MarLeft20 { margin-left: 20px !important; } /* 15 pixel margins */ .MT15,.MarTop15 { margin-top: 15px !important; } .MR15,.MarRight15 { margin-right: 15px !important; } .MB15,.MarBottom15 { margin-bottom: 15px !important; } .ML15,.MarLeft15 { margin-left: 15px !important; } /* 10 pixel margins */ .MT10,.MarTop10 { margin-top: 10px !important; } .MR10,.MarRight10 { margin-right: 10px !important; } .MB10,.MarBottom10 { margin-bottom: 10px !important; } .ML10,.MarLeft10 { margin-left: 10px !important; } /* 9 pixel margins */ .MT9,.MarTop9 { margin-top: 9px !important; } .MR9,.MarRight9 { margin-right: 9px !important; } .MB9,.MarBottom9 { margin-bottom: 9px !important; } .ML9,.MarLeft9 { margin-left: 9px !important; } /* 8 pixel margins */ .MT8,.MarTop8 { margin-top: 8px !important; } .MR8,.MarRight8 { margin-right: 8px !important; } .MB8,.MarBottom8 { margin-bottom: 8px !important; } .ML8,.MarLeft8 { margin-left: 8px !important; } /* 7 pixel margins */ .MT7,.MarTop7 { margin-top: 7px !important; } .MR7,.MarRight7 { margin-right: 7px !important; } .MB7,.MarBottom7 { margin-bottom: 7px !important; } .ML7,.MarLeft7 { margin-left: 7px !important; } /* 6 pixel margins */ .MT6,.MarTop6 { margin-top: 6px !important; } .MR6,.MarRight6 { margin-right: 6px !important; } .MB6,.MarBottom6 { margin-bottom: 6px !important; } .ML6,.MarLeft6 { margin-left: 6px !important; } /* 5 pixel margins */ .MT5,.MarTop5 { margin-top: 5px !important; } .MR5,.MarRight5 { margin-right: 5px !important; } .MB5,.MarBottom5 { margin-bottom: 5px !important; } .ML5,.MarLeft5 { margin-left: 5px !important; } /* 4 pixel margins */ .MT4,.MarTop4 { margin-top: 4px !important; } .MR4,.MarRight4 { margin-right: 4px !important; } .MB4,.MarBottom4 { margin-bottom: 4px !important; } .ML4,.MarLeft4 { margin-left: 4px !important; } /* 3 pixel margins */ .MT3,.MarTop3 { margin-top: 3px !important; } .MR3,.MarRight3 { margin-right: 3px !important; } .MB3,.MarBottom3 { margin-bottom: 3px !important; } .ML3,.MarLeft3 { margin-left: 3px !important; } /* 2 pixel margins */ .MT2,.MarTop2 { margin-top: 2px !important; } .MR2,.MarRight2 { margin-right: 2px !important; } .MB2,.MarBottom2 { margin-bottom: 2px !important; } .ML2,.MarLeft2 { margin-left: 2px !important; } /* 1 pixel margins */ .MT1,.MarTop1 { margin-top: 1px !important; } .MR1,.MarRight1 { margin-right: 1px !important; } .MB1,.MarBottom1 { margin-bottom: 1px !important; } .ML1,.MarLeft1 { margin-left: 1px !important; } /* 0 pixel margins */ .MT0,.MarTop0 { margin-top: 0px !important; } .MR0,.MarRight0 { margin-right: 0px !important; } .MB0,.MarBottom0 { margin-bottom: 0px !important; } .ML0,.MarLeft0 { margin-left: 0px !important; } /*************************************************************************/ /* BORDERS */ /*************************************************************************/ /* 20 pixel borders */ .BT20,.BorTop20 { border-top: 20px !important} .BR20,.BorRight20 { border-right: 20px !important} .BB20,.BorBottom20 { border-bottom: 20px !important} .BL20,.BorLeft20 { border-left: 20px !important} /* 10 pixel borders */ .BT10,.BorTop10 { border-top: 10px !important} .BR10,.BorRight10 { border-right: 10px !important} .BB10,.BorBottom10 { border-bottom: 10px !important} .BL10,.BorLeft10 { border-left: 10px !important} /* 5 pixel borders */ .BT5,.BorTop5 { border-top: 5px !important} .BR5,.BorRight5 { border-right: 5px !important} .BB5,.BorBottom5 { border-bottom: 5px !important} .BL5,.BorLeft5 { border-left: 5px !important} /* 0 pixel borders */ .BT0,.BorTop0 { border-top: 0px !important} .BR0,.BorRight0 { border-right: 0px !important} .BB0,.BorBottom0 { border-bottom: 0px !important} .BL0,.BorLeft0 { border-left: 0px !important} /****************************************************************************************************************************/ /****************************************************************************************************************************/ /**** MODERN BUTTONS ****/ /****************************************************************************************************************************/ /****************************************************************************************************************************/ /* outer wrapper */ .ModernBrowser .b-Wrp { padding-bottom: 2px; } /* inner wrapper */ .ModernBrowser .b-Out { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5); } .ModernBrowser .w-h .b-Out { -webkit-box-shadow: 1px 1px 1px 0px rgba(255,255,255,0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,0.5); box-shadow: 1px 1px 1px 0px rgba(255,255,255,0.5); } /* remove background images for modern browsers */ .ModernBrowser .b-Wrp .b-l, .ModernBrowser .b-Wrp .b-j, .ModernBrowser .b-Wrp .b-t, .ModernBrowser .b-Wrp .b-r, .ModernBrowser .b-Lg .b-l, .ModernBrowser .b-Lg .b-j, .ModernBrowser .b-Lg .b-t, .ModernBrowser .b-Lg .b-r { background-image: none; } /* reduce inner element height to 20px */ /* 2px comes from border, 2px from bottom padding in outer wrapper */ /* before border and shadow were all part of the image */ /* now the height is matching original */ /* new buttons have 4 px more */ .ModernBrowser .b-Out, .ModernBrowser .b-Wrp .b-l, .ModernBrowser .b-Wrp .b-j, .ModernBrowser .b-Wrp .b-t, .ModernBrowser .b-Wrp .b-r { height: 24px; } /* cap width reduced by 1px (for border) */ .ModernBrowser .b-Wrp .b-l {width: 6px;} /* cap width reduced by 2px (for border and shadow) */ .ModernBrowser .b-Wrp .b-r {width: 7px;} /* icon y position reduced by 1px */ .ModernBrowser .b-Wrp .b-i {margin-top: 4px;} /* text (new font) */ .ModernBrowser .b-t, .ModernBrowser .w-h .b-t { line-height: 24px; font-family: "Lato", "Lucida Sans Unicode", "Trebuchet MS", Calibri, Helvetica Neue, "Microsoft Sans Serif", Arial, Sans-Serif; font-weight: 400; font-size: 13px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); } .ModernBrowser .b-i { width: 17px; height: 17px; } .ModernBrowser .b-B-i { background-image: url(../../Global/Images/BlkButton/PushNormalIconsSprite-12-18-2014.png) !important; } /*************************************************************************/ /* LARGE BUTTON */ /*************************************************************************/ .ModernBrowser .b-Lg .b-Out, .ModernBrowser .b-Lg .b-l, .ModernBrowser .b-Lg .b-j, .ModernBrowser .b-Lg .b-t, .ModernBrowser .b-Lg .b-r { height: 32px; } .ModernBrowser .b-Lg .b-t { line-height: 32px; font-size: 16px; } /* icon y position reduced by 1px */ .ModernBrowser .b-Lg .b-i {margin-top: 7px;} /*************************************************************************/ /* HEADERS */ /*************************************************************************/ .ModernBrowser .DashWrap .b-Out, .ModernBrowser .DashWrap .b-l, .ModernBrowser .DashWrap .b-j, .ModernBrowser .DashWrap .b-t, .ModernBrowser .DashWrap .b-r { height: 20px; } .ModernBrowser .DashWrap .b-t { line-height: 20px; } .ModernBrowser .DashWrap .b-i {margin-top: 2px;} .ModernBrowser .DashWrap .b-Hy .b-i {margin-top: -1px;} /*************************************************************************/ /* BLUE BUTTON */ /*************************************************************************/ .ModernBrowser .b-Bl { background: #badbe5; /**/ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(189,220,230,1) 49%, rgba(146,197,214,1) 90%, rgba(186,219,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(49%,rgba(189,220,230,1)), color-stop(90%,rgba(146,197,214,1)), color-stop(100%,rgba(186,219,229,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(189,220,230,1) 49%,rgba(146,197,214,1) 90%,rgba(186,219,229,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(189,220,230,1) 49%,rgba(146,197,214,1) 90%,rgba(186,219,229,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(189,220,230,1) 49%,rgba(146,197,214,1) 90%,rgba(186,219,229,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(189,220,230,1) 49%,rgba(146,197,214,1) 90%,rgba(186,219,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#badbe5',GradientType=0 ); border: 1px solid #00376f; } .ModernBrowser .b-Bl:hover { background: #78dfff; background: -moz-linear-gradient(top, rgba(120,223,255,1) 0%, rgba(183,249,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,223,255,1)), color-stop(100%,rgba(183,249,255,1))); background: -webkit-linear-gradient(top, rgba(120,223,255,1) 0%,rgba(183,249,255,1) 100%); background: -o-linear-gradient(top, rgba(120,223,255,1) 0%,rgba(183,249,255,1) 100%); background: -ms-linear-gradient(top, rgba(120,223,255,1) 0%,rgba(183,249,255,1) 100%); background: linear-gradient(to bottom, rgba(120,223,255,1) 0%,rgba(183,249,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78dfff', endColorstr='#b7f9ff',GradientType=0 ); } .ModernBrowser .b-Bl:active { background: #78dfff none !important; } .ModernBrowser .b-Bl:active .b-t { color: black; text-shadow: none; } /*************************************************************************/ /* GREEN BUTTON */ /*************************************************************************/ .ModernBrowser .b-Gr { background: #abe1b9; /**/ background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(174,226,188,1) 50%, rgba(112,216,140,1) 90%, rgba(174,226,188,1) 101%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(50%,rgba(174,226,188,1)), color-stop(90%,rgba(112,216,140,1)), color-stop(101%,rgba(174,226,188,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(174,226,188,1) 50%,rgba(112,216,140,1) 90%,rgba(174,226,188,1) 101%); background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(174,226,188,1) 50%,rgba(112,216,140,1) 90%,rgba(174,226,188,1) 101%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(174,226,188,1) 50%,rgba(112,216,140,1) 90%,rgba(174,226,188,1) 101%); background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(174,226,188,1) 50%,rgba(112,216,140,1) 90%,rgba(174,226,188,1) 101%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aee2bc',GradientType=0 ); border: 1px solid #005900; } .ModernBrowser .b-Gr:hover { background: #66ff8f; background: -moz-linear-gradient(top, rgba(102,255,143,1) 0%, rgba(161,255,206,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,255,143,1)), color-stop(100%,rgba(161,255,206,1))); background: -webkit-linear-gradient(top, rgba(102,255,143,1) 0%,rgba(161,255,206,1) 100%); background: -o-linear-gradient(top, rgba(102,255,143,1) 0%,rgba(161,255,206,1) 100%); background: -ms-linear-gradient(top, rgba(102,255,143,1) 0%,rgba(161,255,206,1) 100%); background: linear-gradient(to bottom, rgba(102,255,143,1) 0%,rgba(161,255,206,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ff8f', endColorstr='#a1ffce',GradientType=0 ); } .ModernBrowser .b-Gr:active { background: #66ff8f none !important; } .ModernBrowser .b-Gr:active .b-t { color: black; text-shadow: none; } /*************************************************************************/ /* RED BUTTON */ /*************************************************************************/ .ModernBrowser .b-Rd { background: #efbeb9; /**/ background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(240,192,188,1) 50%, rgba(230,149,142,1) 90%, rgba(237,176,171,1) 101%); background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(50%,rgba(240,192,188,1)), color-stop(90%,rgba(230,149,142,1)), color-stop(101%,rgba(237,176,171,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(240,192,188,1) 50%,rgba(230,149,142,1) 90%,rgba(237,176,171,1) 101%); background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(240,192,188,1) 50%,rgba(230,149,142,1) 90%,rgba(237,176,171,1) 101%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(240,192,188,1) 50%,rgba(230,149,142,1) 90%,rgba(237,176,171,1) 101%); background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(240,192,188,1) 50%,rgba(230,149,142,1) 90%,rgba(237,176,171,1) 101%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edb0ab',GradientType=0 ); border: 1px solid #a60000; } .ModernBrowser .b-Rd:hover { background: #ff8a80; background: -moz-linear-gradient(top, rgba(255,138,128,1) 0%, rgba(255,201,192,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,138,128,1)), color-stop(100%,rgba(255,201,192,1))); background: -webkit-linear-gradient(top, rgba(255,138,128,1) 0%,rgba(255,201,192,1) 100%); background: -o-linear-gradient(top, rgba(255,138,128,1) 0%,rgba(255,201,192,1) 100%); background: -ms-linear-gradient(top, rgba(255,138,128,1) 0%,rgba(255,201,192,1) 100%); background: linear-gradient(to bottom, rgba(255,138,128,1) 0%,rgba(255,201,192,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a80', endColorstr='#ffc9c0',GradientType=0 ); } .ModernBrowser .b-Rd:active { background: #ff8a80 none !important; } .ModernBrowser .b-Rd:active .b-t { color: white; text-shadow: none; } /****************************************************************************************************************************/ /****************************************************************************************************************************/ /**** MISC ****/ /****************************************************************************************************************************/ /****************************************************************************************************************************/ .IE6 .b-IN .b-Out, .IE7 .b-IN .b-Out, .IE6 .b-IN .b-l, .IE7 .b-IN .b-l, .IE6 .b-IN .b-r, .IE7 .b-IN .b-r, .IE6 .b-IN .b-j, .IE7 .b-IN .b-j, .IE6 .b-IN .b-t, .IE7 .b-IN .b-t { vertical-align: top;} .b-Hy .b-i { display: inline-block; } .IE6 .b-Hy .b-i, .IE7 .b-Hy .b-i { display: inline; } .w-CL .w-thc { display: none; } /* FONT-FAMILY INFORMATION ONLY ONLY!!*/ body .w-F-h {font-family: "Lato", "Gill Sans MT",Corbel,"Trebuchet MS",Optima,"Gill Sans",Tahoma,Arial,sans-serif} body .w-mh {font-size: 14px;}