/* -------------------------------------------------------------- */ /* -- BLUE GLOW 02 CSS - COPYRIGHT 2005-2019 J. Randall Murphy -- */ /* -------------------------------------------------------------- */ /* -------------------- */ /* FONTS */ /* -------------------- */ /* -- MONOSPACE FONT ----------- */ @font-face { font-family: monospace, Consola; src: url(consola.ttf) format("truetype"); } @font-face { font-family: Nitaka; src: url('Nitaka.woff') format('woff'), url('Nitaka.svg#Nitaka') format('svg'), url(Nitaka.ttf) format("truetype"); } /* -------------------- */ /* CONTENT LAYOUT */ /* -------------------- */ /* -- CONTENT L1 WRAPPER ------- */ .CL01a { display: block; width: 768px; margin: 0px auto 0px auto; } /* -- CONTENT L2 GROUND A ------ */ .CL02a { overflow: hidden; border-radius: 10px; } /* -- CONTENT L2 GROUND B ------ */ .CL02b { overflow: hidden; border-radius: 10px; } /* -- CONTENT L2 GROUND GRAD --- */ .CL02c { background-color: #FFFFFF; overflow: hidden; border-radius: 10px; } /* -- CONTENT L3 SCROLLBAR ----- */ .CL03a { display: block; margin: 10px 5px 0px 10px; padding: 0px 5px 0px 0px; scrollbar-face-color: #44A1F2; scrollbar-track-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #000000; scrollbar-arrow-color: #FFFFFF; overflow-x: hidden; } .CL03a::-webkit-scrollbar { width: 16px; } .CL03a::-webkit-scrollbar-track { background-color: #000000; border-radius: 8px; } .CL03a::-webkit-scrollbar-thumb { background-color: #44A1F2; border-radius: 8px; } /* -- CONTENT L3 NO SCROLLBAR -- */ .CL03b { display: block; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; overflow-x: hidden; } /* -- CONTENT L4 FOOTER -------- */ .CL04a { margin: 0px; padding: 0px 0px 10px 0px; border-radius: 8px; overflow: hidden; } /* -- CONTENT L4b CLEAR ------- */ .CL04b { margin: 0px; padding: 0px 0px 10px 0px; overflow: hidden; } /* -- CONTENT L4c -------------- */ .CL04c { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; overflow: hidden; } /* -- CONTENT L4 FOOTER WHITE -- */ .CL04d { background-color: #FFFFFF; margin: 0px; padding: 0px 0px 10px 0px; border-radius: 8px; overflow: hidden; } /* -- CONTENT L5A -------------- */ .CL05a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; text-align: center; } /* -- CONTENT L5A -------------- */ .CL05b { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; overflow: hidden; } /* -- CONTENT L5A WHITE--------- */ .CL05c { background-color: #FFFFFF; margin: 0px 0px -5px 0px; padding: 0px 0px 0px 0px; overflow: hidden; } /* -------------------- */ /* UNCLASSED STYLES */ /* -------------------- */ HTML { height: 100%; width 100%; animation:opac .5s} @keyframes opac{from{opacity:0} to{opacity:1}; } BODY { height: 100%; width 100%; background-color: #3A74A3; background-image: url(../Graphics/Background/BlueGlow-01b.png); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; margin: 0px auto 0px auto; position: relative; padding: 0px; border: 0px; font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 400; overflow: hidden; } a { outline: 0 } a:link { text-decoration: none; color: #0066CC; } a:visited { text-decoration: none; color: #0066CC; } a:hover { text-decoration: none; color: #0000FF; } a:active { text-decoration: none; color: #0066CC; } audio { width: 350px; border: 0; border: none; outline: 0; height: 46px; filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%); } blockquote { margin-left: 10px; padding-left: 10px; margin-right: 0px; padding-right: 0px; } em { font-family: arial,tahoma,sans-serif; font-size: 10pt; font-weight: 700; } H1 { color: #55585D; font-size: 16pt; font-weight: 400; margin: 10px 10px 20px 20px; } H2 { color: #55585D; font-size: 16pt; font-weight: 400; margin: 13px 10px 20px 20px; clear: left; } H3 { color: #55585D; font-size: 16pt; font-weight: 400; margin: 0px 0px 10px 0px; text-indent: 0px; padding: 0px; } H4 { color: #55585D; font-size: 14pt; font-weight: 500; margin: 15px 10px 15px 20px; clear: left; } H5 { color: #55585D; font-size: 14pt; font-weight: 500; margin: 15px 0px 15px 0px; text-indent: 0px; } hr { color: #55585D; background-color: #55585D; border: 0px; height: 3px; margin: 20px; } .hr1a { color: #FFFFFF; background-color: #FFFFFF; border: 0px; height: 3px; margin: 10px 5px 10px 0px; opacity: 0.5; } .hr2a { color: #55585D; background-color: #55585D; border: 0px; height: 3px; margin: 10px 20px 10px 20px; } i { padding-right: 2px; } li { color: #333E59; line-height: 118%; } mark { background-color: #FFFF7F; } ol { margin: 0px 0px 0px 40px; } p { margin: 10px 20px 18px 20px; line-height: 125%; text-align: justify; color: #333E59; } sup { font-size: 10pt; font-weight: 700; } td { vertical-align: middle; } /* -- WRAPPER TABLE----- */ .DW01a { display: table; width: 100%; height: 100%; } /* -- WRAPPER TABLE----- */ .DW02a { display: table; margin: 30px auto 0px auto; } /* -- WRAPPER CELL------ */ .TC01a { display: table-cell; text-align: center; vertical-align: middle; overflow: auto; } /* --------------------- */ /* CONTROL STYLES */ /* --------------------- */ /* -- SHOWS MENU TAG --- */ .Show01 { display: block; } /* -- HIDES MENU TAG --- */ .Hide01 { display: none; } /* --------------------- */ /* LOGO */ /* --------------------- */ /* -- TRANSPARENT ----- */ .BN-TRANSP { padding: 5px; overflow: hidden; } /* -- BANNER LOGO OFF -- */ .IM01a { z-index: 1; height: 80px; width: 100%; background-image: URL(../Graphics/Banner/LogoText-01a.png); background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; opacity: 0.5; } /* -- BANNER LOGO ON --- */ .IM01b { z-index: 1; height: 80px; width: 100%; background-image: URL(../Graphics/Banner/LogoText-01a.png); background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; } /* -- BANNER LOGO ON --- */ .IM02b { z-index: 1; height: 80px; width: 100%; background-image: URL(../Graphics/Banner/LogoText-01b.png); background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; } /* ---------------------- */ /* BANNERS */ /* ---------------------- */ /* -- LINK WRAPPER ------ */ .LW01a { cursor: pointer } /* -- LINK WRAPPER ------ */ .LW01b { cursor: default } /* -- CLEAR GROUND ------ */ .GR01a { display: block; width: 768px; height: 105px; overflow: hidden; text-align: center; overflow: hidden; border-radius: 10px; } /* -- BLUE GRAD GROUND -- */ .GR02a { display: block; width: 768px; height: 105px; background-image: URL(../Graphics/Banner/BG_BLUE-01a.png); background-repeat: no-repeat; overflow: hidden; border-radius: 10px; } /* -- GUITAR PHOTO 01a -- */ .GR03a { display: block; width: 768px; height: 105px; background-image: URL(../Graphics/Banner/Guitars-01a.png); background-repeat: no-repeat; overflow: hidden; border-radius: 10px; } /* -- MIXER PHOTO 01a --- */ .GR04a { display: block; width: 768px; height: 105px; background-image: URL(../Graphics/Banner/Mixer-01a.png); background-repeat: no-repeat; overflow: hidden; border-radius: 10px; } /* -- CLOUDY SKY 01a ---- */ .GR05a { display: block; width: 768px; height: 105px; background-image: URL(../Graphics/Banner/Sky-01a.jpg); background-repeat: no-repeat; overflow: hidden; border-radius: 10px; } /* -- GRAY TRANSLUCENT -- */ .TR01a { display: block; width: 768px; height: 105px; background-color: #000000; overflow: hidden; border-radius: 10px; opacity: 0.4; } /* -- BLUE TRANSLUCENT -- */ .TR01b { display: block; width: 768px; height: 105px; background-color: #004F94; overflow: hidden; border-radius: 10px; opacity: 0.7; } /* -- BLUE TINT PHOTO --- */ .TR02a { display: block; width: 305px; height: 105px; position: absolute; left: 45px; top: 0px; z-index: 4; background-image: URL(../Graphics/Banner/Overlay-JRM-01a.png); background-position: center; background-repeat: no-repeat; opacity: 0.8; } /* -- OVERLAY PHOTO 1 --- */ .TR02b { display: block; width: 305px; height: 105px; position: absolute; left: 45px; top: 0px; z-index: 4; background-image: URL(../Graphics/Banner/Overlay-JRM-01b.png); background-position: center; background-repeat: no-repeat; animation:opac 6.0s} @keyframes opac{from{opacity:0} to{opacity:1}; overflow: hidden; } /* -- OVERLAY PHOTO 2 --- */ .TR02c { display: block; width: 305px; height: 105px; position: absolute; left: 45px; top: 0px; z-index: 4; background-image: URL(../Graphics/Banner/Seagull-01a.png); background-position: center; background-repeat: no-repeat; overflow: hidden; } /* -- NITAKA POS 1 ------ */ .TR03a { display: block; width: 405px; height: 75px; position: absolute; left: 475px; top: 20px; z-index: 4; font-family: Nitaka,sans-serif; font-size: 48pt; font-weight: 400; color: #FFFFFF; overflow: hidden; animation:opac 1.5s} @keyframes opac{from{opacity:0} to{opacity:1}; } /* -- NITAKA POS 2 ------ */ .TR03b { display: block; width: 405px; height: 75px; position: absolute; left: 365px; top: 20px; z-index: 4; font-family: Nitaka,sans-serif; font-size: 48pt; font-weight: 400; color: #FFFFFF; overflow: hidden; animation:opac 1.5s} @keyframes opac{from{opacity:0} to{opacity:1}; } /* -- NITAKA POS 3 ------ */ .TR03c { display: block; width: 405px; height: 75px; position: absolute; left: 275px; top: 20px; z-index: 4; font-family: Nitaka,sans-serif; font-size: 48pt; font-weight: 400; color: #FFFFFF; overflow: hidden; animation:opac 1.5s} @keyframes opac{from{opacity:0} to{opacity:1}; } /* -- NITAKA POS 4 ------ */ .TR03d { display: block; width: 385px; height: 75px; position: absolute; left: 360px; top: 17px; z-index: 4; font-family: Nitaka,sans-serif; font-size: 48pt; font-weight: 400; color: #FFFFFF; overflow: hidden; animation:opac 6.0s} @keyframes opac{from{opacity:0} to{opacity:0.8}; } /* -- NITAKA POS 5 ------ */ .TR03e { display: block; width: 385px; height: 75px; position: absolute; left: 420px; top: 17px; z-index: 4; font-family: Nitaka,sans-serif; font-size: 48pt; font-weight: 400; color: #FFFFFF; overflow: hidden; opacity: 0.6; } /* ---------------------- */ /* NAV BAR */ /* ---------------------- */ /* -- BLACK WRAPPER ---- */ .HW02a { background-color: #000000; min-height: 40px; width: 100%; text-align: center; margin: 5px 0px 5px 0px; padding: 0p; border-radius: 10px; overflow: hidden; } .HW02a a:link { text-decoration: none; color: #FFFFFF;} .HW02a a:visited { text-decoration: none; color: #FFFFFF; } .HW02a a:hover { text-decoration: none; color: #44A1F2; } .HW02a a:active { text-decoration: none; color: #44A1F2; } /* -- BLUE WRAPPER ---- */ .HW03a { background-color: #004F94; min-height: 40px; width: 100%; text-align: center; margin: 5px 0px 5px 0px; padding: 0p; border-radius: 10px; overflow: hidden; } .HW03a a:link { text-decoration: none; color: #FFFFFF; opacity: 0.5; } .HW03a a:visited { text-decoration: none; color: #FFFFFF; opacity: 0.5; } .HW03a a:hover { text-decoration: none; color: #FFFFFF; opacity: 1.0; } .HW03a a:active { text-decoration: none; color: #FFFFFF; opacity: 1.0; } /* -- SEPARATOR WHITE -- */ .SEP01a { display: inline-block; width: 2px; height: 14px; margin: 12px 0px 0px 0px; background-image: url(../Graphics/Theme/Separator-01a.png); } /* -- NAVBAR REV ICON -- */ .REV02a { cursor: pointer; float: left; width: 15px; height: 29px; margin: 5px 5px 0px 10px; background-image: url(../Graphics/Theme/REV01a.png); background-repeat: no-repeat; } /* -- NAVBAR REV ICON -- */ .REV02b { cursor: pointer; float: left; width: 15px; height: 29px; margin: 5px 5px 0px 10px; background-image: url(../Graphics/Theme/REV08b.png); background-repeat: no-repeat; } /* -- NAVBAR FWD ICON -- */ .FWD02a { cursor: pointer; float: right; width: 15px; height: 29px; margin: 5px 10px 0px 5px; background-image: url(../Graphics/Theme/FWD01a.png); background-repeat: no-repeat; } /* -- NAVBAR FWD ICON -- */ .FWD02b { cursor: pointer; float: right; width: 15px; height: 29px; margin: 5px 10px 0px 5px; background-image: url(../Graphics/Theme/FWD08b.png); background-repeat: no-repeat; } /* -- HOME ICON 01a ---- */ .ICO01a { cursor: pointer; display: inline-block; width: 36px; height: 36px; margin: 2px 5px 0px 5px; vertical-align: middle; background-image: url(../Graphics/Theme/HOME-01a.png); background-repeat: no-repeat; opacity: 0.6; } /* -- HOME ICON 01b ---- */ .ICO01b { cursor: pointer; display: inline-block; width: 36px; height: 36px; margin: 2px 5px 0px 5px; vertical-align: middle; background-image: url(../Graphics/Theme/HOME-01a.png); background-repeat: no-repeat; } /* -- NAV TEXT 01a ----- */ .TXT01a { cursor: pointer; display: inline-block; font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 600; margin: 13px 5px 0px 5px; color: #FFFFFF; } /* -- NAV TEXT 01b ----- */ .TXT01b { cursor: pointer; display: inline-block; font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 600; margin: 13px 5px 0px 5px; color: #6AB9F5; } /* -- LINK 01a --------- */ .LNK01a { display: inline-block; cursor: pointer; margin: 7px 2px 5px 2px; padding: 5px 7px 4px 7px; background-color: #3C3C3C; font-size: 12pt; font-weight: 600; color: #FFFFFF; border-radius: 5px; opacity: 0.6; } /* -- LINK 01b --------- */ .LNK01b { display: inline-block; cursor: pointer; margin: 7px 2px 5px 2px; padding: 5px 7px 4px 7px; background-color: #3C3C3C; font-size: 12pt; font-weight: 600; color: #FFFFFF; border-radius: 5px; } /* -- LINK 01a --------- */ .LNK02a { display: inline-block; cursor: pointer; margin: 7px 2px 5px 2px; padding: 5px 7px 4px 7px; background-color: #3C3C3C; font-size: 12pt; font-weight: 600; color: #FFFFFF; border-radius: 5px; opacity: 0.6; } /* -- LINK 01b --------- */ .LNK02b { display: inline-block; cursor: pointer; margin: 7px 2px 5px 2px; padding: 5px 7px 4px 7px; background-color: #3C3C3C; font-size: 12pt; font-weight: 600; color: #FFFFFF; border-radius: 5px; } /* -- NAV BAR 18pt ----- */ .HT01a { display: block; font-family: arial,tahoma,sans-serif; font-size: 18pt; font-weight: 500; color: #FFFFFF; } /* -- NAV BAR 8pt ----- */ .HT01b { display: block; font-family: arial,tahoma,sans-serif; font-size: 8pt; font-weight: 500; color: #FFFFFF; } /* --------------------- */ /* HEADERS */ /* --------------------- */ /* -- HEADER TITLE ----- */ .HT02a { margin: 5px 25px 5px 25px; height: 31px; font-size: 20pt; font-weight: 500; color: #FFFFFF; } /* -- HEADER TITLE ----- */ .HT02b { margin: 12px 25px 5px 25px; font-size: 12pt; font-weight: 600; color: #FFFFFF; } /* -- HEADER TITLE ----- */ .HT02c { margin: 12px 25px 5px 25px; font-size: 16pt; font-weight: 400; } /* -- HEADER WRAPPER --- */ .HW01a { min-height: 40px; width: 100%; text-align: center; margin: 5px 0px 5px 0px; padding: 3px 0px 3px 0px; border-radius: 10px; overflow: hidden; } /* -- PAGE TITLE -------- */ .PH01a { display: block; text-align: center; margin: 25px auto 5px auto; font-size: 20pt; font-weight: 500; color: #55585D; } /* -- SECTION HEADER ---- */ .SH01a { display: block; text-align: center; margin: 0px auto 20px auto; font-size: 20pt; font-weight: 500; color: #55585D; } /* -- HEADER SUBTITLE --- */ .PH01b { display: block; text-align: center; margin: 0px auto 20px auto; font-size: 8pt; font-weight: 500; color: #55585D; } /* -- MP3 SUBTITLE ------ */ .PH01c { display: block; text-align: center; margin: 0px auto 7px auto; font-size: 8pt; font-weight: 500; color: #55585D; } /* -- FOOTER TITLE ------ */ .FH01a { clear: left; display: block; text-align: center; margin: 25px auto 3px auto; font-size: 16pt; font-weight: 500; color: #55585D; } /* -- FOOTER SUBTITLE --- */ .FH01b { display: block; text-align: center; margin: 0px auto 20px auto; font-size: 12pt; font-weight: 500; color: #55585D; } /* -- FOOTER TITLE ------ */ .FH01c { display: block; clear: left; text-align: center; padding: 25px 0px 3px 0px; margin: 25px auto 3px auto; font-size: 16pt; font-weight: 500; color: #55585D; } /* ---------------------- */ /* SOCIAL NETWORKING */ /* ---------------------- */ /* -- TWITTER TWEET ---- */ .SN01 { display: inline-block; height: 22px; width: 66px; padding: 0px; margin: 0px; vertical-align: top; } /* -- FACEBOOK --------- */ .SN02 { display: inline-block; height: 22px; width: 98px; padding: 0px; margin: 0px; vertical-align: top; } /* --------------------- */ /* IMAGE BASED BANNERS */ /* --------------------- */ /* -- KEYBOARD 01 ------ */ .IM01a { background-color: #193C7C; height: 80px; background-image: URL(../Graphics/Banner/Keyboard-01a.png); background-position: 100px 0px; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; } /* -- DIGITAL PAGE ----- */ .IM02a { background-color: #4D73B4; height: 80px; background-image: URL(../Graphics/Banner/BN_002G.jpg); background-position: center center; background-repeat: no-repeat; text-align: center; border-radius: 10px; overflow: hidden } /* -- SEAGULL 01 ----- */ .IM03a { height: 80px; width: 100%; background-image: URL(../Graphics/Banner/Seagull-01a.png); background-position: 70% 0%; background-repeat: no-repeat; border-radius: 10px; overflow: hidden } /* -- PUZZLE GLOBE --- */ .IM04a { background-color: #00669A; z-index: 1; height: 80px; width: 100%; background-image: URL(../Graphics/Banner/Puzzle_02a.png); background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden } /* -- BLUE DROP 01 ----- */ .IM05a { background-color: #193C7C; height: 80px; margin: 0px 0px 5px 0px; background-image: URL(../Graphics/Banner/BlueDrop-01a.png); background-position: 100px 0px; background-repeat: no-repeat; border-radius: 10px; overflow: hidden } /* -- JRM-01a ---------- */ .JRM-01b { z-index: 4; background-color: #193C7C; height: 105px; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; opacity: 0.3; } /* ----------------------- */ /* LINKS */ /* ----------------------- */ /* -- FOR BLACK PAGES ---- */ .LS01a { font-family: arial,tahoma,sans-serif; } .LS01a a:link { text-decoration: none; color: #5CB6ED;} .LS01a a:visited { text-decoration: none; color: #5CB6ED; } .LS01a a:hover { text-decoration: none; color: #FFFFFF; } .LS01a a:active { text-decoration: none; color: #5CB6ED; } /* -- COPYRIGHT ---------- */ .copy0a { display: block; text-decoration: none; width: 21px; height: 21px; margin: 10px auto 0px auto; border-style: none; background-image: url(../Graphics/Theme/Copy_02b.png); background-repeat: no-repeat; } /* -- COPYRIGHT ---------- */ .copy1a { display: block; cursor: pointer; text-decoration: none; width: 21px; height: 21px; margin: 10px auto 0px auto; border-style: none; background-image: url(../Graphics/Theme/Copy_01a.png); background-repeat: no-repeat; } /* -- COPYRIGHT ---------- */ .copy1b { display: block; cursor: pointer; text-decoration: none; width: 21px; height: 21px; margin: 10px auto 0px auto; border-style: none; background-image: url(../Graphics/Theme/Copy_01b.png); background-repeat: no-repeat; } /* -- COPYRIGHT ---------- */ .copy2a { display: block; cursor: pointer; text-decoration: none; width: 21px; height: 21px; margin: 0px auto 0px auto; border-style: none; background-image: url(../Graphics/Theme/Copy_02a.png); background-repeat: no-repeat; } /* -- COPYRIGHT ---------- */ .copy2b { display: block; cursor: pointer; text-decoration: none; width: 21px; height: 21px; margin: 0px auto 0px auto; border-style: none; background-image: url(../Graphics/Theme/Copy_02b.png); background-repeat: no-repeat; } /* -- COPYRIGHT ---------- */ .copy3a { display: block; cursor: pointer; text-decoration: none; width: 21px; height: 21px; margin: 15px auto 5px auto; border-style: none; background-image: url(../Graphics/Theme/Copy_02b.png); background-repeat: no-repeat; opacity: 0.5; } /* -- COPYRIGHT ---------- */ .copy3b { display: block; cursor: pointer; text-decoration: none; width: 21px; height: 21px; margin: 15px auto 5px auto; border-style: none; background-image: url(../Graphics/Theme/Copy_02b.png); background-repeat: no-repeat; } /* -- COPYRIGHT ---------- */ .copy4a { display: block; cursor: pointer; text-decoration: none; width: 21px; height: 21px; margin: 5px auto 5px auto; border-style: none; background-image: url(../Graphics/Theme/Copy_02b.png); background-repeat: no-repeat; opacity: 0.5; } /* -- COPYRIGHT ---------- */ .copy4b { display: block; cursor: pointer; text-decoration: none; width: 21px; height: 21px; margin: 5px auto 5px auto; border-style: none; background-image: url(../Graphics/Theme/Copy_02b.png); background-repeat: no-repeat; } /* -- COPYRIGHT ---------- */ .copy5a { display: block; cursor: pointer; text-decoration: none; width: 21px; height: 21px; margin: 10px auto 0px auto; border-style: none; background-image: url(../Graphics/Theme/Copy_03a.png); background-repeat: no-repeat } /* -- COPYRIGHT ---------- */ .copy5b { display: block; cursor: pointer; text-decoration: none; width: 21px; height: 21px; margin: 10px auto 0px auto; border-style: none; background-image: url(../Graphics/Theme/Copy_03b.png); background-repeat: no-repeat } /* -- CLOSE PAGE --------- */ .close1a { float: right; cursor: pointer; text-decoration: none; width: 25px; height: 25px; border-style: none; font-family: arial,tahoma,sans-serif; font-size: 18pt; font-weight: 500; opacity: 0.5 } /* -- CLOSE PAGE --------- */ .close1b { float: right; cursor: pointer; text-decoration: none; width: 25px; height: 25px; border-style: none; font-family: arial,tahoma,sans-serif; font-size: 18pt; font-weight: 500; } /* -- DOWNLOAD ----------- */ .DNLD1a { display: inline-block; cursor: pointer; text-decoration: none; margin-left: 10px; padding: 12px 10px 10px 12px; background-color: #187323; font-family: arial,tahoma,sans-serif; font-size: 14pt; font-weight: 400; color:#FFFFFF; border-style: none; border-radius: 25px; } /* -- DOWNLOAD ----------- */ .DNLD1b { display: inline-block; cursor: pointer; text-decoration: none; margin-left: 10px; padding: 12px 10px 10px 12px; background-color: #329029; font-family: arial,tahoma,sans-serif; font-size: 14pt; font-weight: 400; color:#FFFFFF; border-style: none; border-radius: 25px; } /* ----------------------- */ /* FLOATS */ /* ----------------------- */ /* -- RIGHT -------------- */ .FloatR1 { float: right; text-decoration: none; border-style: none; } /* -- LEFT --------------- */ .FloatL1 { float: left; text-decoration: none; border-style: none; } /* -- LEFT | IMAGE ------- */ .FloatL2 { float: left; border-style: none; margin: 3px 10px 0px 20px; } /* -- LEFT | IMAGE 3 ----- */ .FloatL3 { clear: left; float: left; border-style: none; margin: 10px 10px 5px 20px; } /* -- LEFT | IMAGE 4 ----- */ .FloatL4 { float: left; border-style: none; margin: 30px 10px 5px 20px; } /* -- LEFT | IMAGE 5 ----- */ .FloatL5 { float: left; border-style: none; margin: 5px 10px 5px 30px; } /* -- LEFT | IMAGE 6 ----- */ .FloatL6 { float: left; border-style: none; margin: 42px 10px 5px 30px; } /* -- LEFT | IMAGE 7 ----- */ .FloatL7 { float: left; border-style: none; margin: 0px 0px 30px 20px; } /* ----------------------- */ /* IMAGES */ /* ----------------------- */ /* -- PRELOAD IMAGES ----- */ .PreLoad { display: none; } /* -- CENTERED ----------- */ .IMGC01a { cursor: pointer; width: 200px; height: 200px; display: block; margin-left: auto; margin-right: auto; } /* -- CENTERED NO LINK --- */ .IMGC01b { width: 170px; height: 170px; display: block; margin: 0px auto 10px auto } /* -- CENTERED ----------- */ .IMGC01c { text-align: center; margin: 10px auto 10px auto; } /* -- CENTERED NO LINK --- */ .IMGC01b { width: 170px; height: 170px; display: block; margin: 0px auto 10px auto; } /* -- IMAGE MARGINS 01 --- */ .IMGM01a { border-style: none; margin: 0px 15px 10px 15px; } /* -- IMAGE MARGINS 02 --- */ .IMGM01b { border-style: none; margin: 0px 0px 10px 0px; } /* ----------------------- */ /* BLOCKS */ /* ----------------------- */ /* -- BASIC BLOCK ------- */ .Block01 { display: block; border-style: none; margin: 0px 0px 30px 20px; } /* ----------------------- */ /* CENTERING */ /* ----------------------- */ /* -- BASIC 14PT ------------ */ .BC01 { margin: auto; text-align: center; font-size: 14pt; font-weight: 400; } /* -- BASIC 16PT ------------ */ .BC02 { margin: auto; text-align: center; font-size: 16pt; font-weight: 400; } /* -- BASIC 18PT ------------ */ .BC03 { margin: auto; text-align: center; font-size: 18pt; font-weight: 400; } /* -- BASIC 20PT ------------ */ .BC04 { margin: auto; text-align: center; font-size: 20pt; font-weight: 400; } /* -- X CLEARED ------------- */ .CX01 { text-align: center; clear: left; } /* -- X CLEARED & PADDED L -- */ .CX02 { text-align: center; clear: left; padding: 20px 0px 5px 0px; } /* -- X CLEARED & PADDED L -- */ .CX03 { text-align: center; clear: left; padding: 0px 0px 5px 0px; } /* -- X CLEARED + MARGINS --- */ .CX04 { text-align: center; clear: left; margin: 20px auto 5px auto; } /* -- X CLEARED + MARGINS --- */ .CX05 { text-align: center; clear: left; margin: 20px auto 5px auto; text-align: center; font-family: arial,tahoma,sans-serif; font-size: 14pt; font-weight: 400; line-height: 150%; } /* -- X CLEARED + MARGINS --- */ .CX06 { text-align: center; clear: left; margin: 10px auto 5px auto; } /* -- FULL CENTER DIV ------- */ .FullCenter01 { position: absolute; right: 0; top: 0; bottom: 0; left: 0; height: 94px; width: 764px; margin: auto; } /* -- FULL CENTER WRAP ------ */ .FCDIV1a { display: block; border-style: none; margin: 0px; width: 100%; text-align: center; } /* -- FULL CENTER IMAGE ----- */ .FCIMG1a { display: block; border-style: none; margin: -20px auto 0px auto; } /* -- FINE TUNE POSITION USING TOP MARGIN -- */ /* -- 12PT WHITE MAR 15PX --- */ .P12WCb { text-indent: 0px; text-align: center; color: #FFFFFF; margin: 15px; } /* -- BACKGROUND PANEL ----- */ .BP01a { margin: 0px auto 0px auto; padding: 10px; background-color: #393A6B; max-width: 500px; text-align: center; color: #FFFFFF; border-radius: 10px; opacity: 0.6; } /* -- BACKGROUND PANEL ----- */ .BP02a { margin: 0px auto 0px auto; padding: 10px; background-color: #000000; max-width: 500px; text-align: center; color: #FFFFFF; border-radius: 10px; opacity: 0.6; } /* -- H3 + LEFT INDENT ------ */ .H3White { text-indent: 27px; margin: 0px; padding: 0px; font-family: arial,tahoma,sans-serif; font-size: 16pt; font-weight: 400; color: #FFFFFF; } /* -- 12PT WHITE LH 150 ----- */ .D12b { margin: 0px; text-align: center; font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 400; line-height: 150%; color: #FFFFFF } /* -------------------------- */ /* TABLE HEADINGS */ /* -------------------------- */ /* -- H3 CLEARED LEFT 10px -- */ .TH01a { clear: left; font-size: 16pt; font-weight: 400; color: #55585D; margin: 10px 0px 10px 20px; } /* -- L4 RT ALIGNED 6PT ----- */ .date-1c { display: inline-block; font-size: 6pt; color: #4177A2; } /* --------------------------- */ /* HEADINGS */ /* --------------------------- */ /* -- H2 TOP MARGIN 10px ----- */ .H2CL1a { color: #55585D; font-size: 16pt; font-weight: 400; padding: 10px 0px 20px 20px; clear: left; } /* -- H2 TOP MARGIN 20px ----- */ .H2CL1b { color: #55585D; font-size: 16pt; font-weight: 400; margin: 20px 10px 20px 20px; clear: left; } /* -- H2 TOP MARGIN 40px ----- */ .H2CL1c { color: #55585D; font-size: 16pt; font-weight: 400; margin: 40px 10px 20px 20px; clear: left; } /* -- H3 WHITE ALIGN CENTER -- */ .H3WACa { text-indent: 0px; text-align: center; font-family: arial,tahoma,sans-serif; font-size: 16pt; font-weight: 400; color: #FFFFFF } /* -- H3 BLUE WITH MARGINS --- */ .H3MB15 { text-indent: 0px; font-family: arial,tahoma,sans-serif; font-size: 16pt; font-weight: 400; color: #55585D; margin: 0px 0px 10px 0px; padding: 0px } /* -- H3 CLEARED LEFT 10px --- */ .H3CL1a { clear: left; text-indent: 10px; font-family: arial,tahoma,sans-serif; font-size: 16pt; font-weight: 400; color: #55585D; margin: 10px 0px 10px 0px; padding: 0px } /* -- H4 WHITE ALIGN CENTER -- */ .H4WACa { text-indent: 0px; text-align: center; font-family: arial,tahoma,sans-serif; font-size: 14pt; font-weight: 400; color: #FFFFFF } /* -- H4 WHITE ALIGN CENTER -- */ .H4WACb { text-indent: 0px; text-align: center; padding: 5px 0px 10px 0px; overflow: hidden; font-family: arial,tahoma,sans-serif; font-size: 14pt; font-weight: 400; color: #FFFFFF } /* -- H4 WHITE ALIGN CENTER -- */ .H5W550 { display: block; max-width: 560px; text-indent: 0px; text-align: center; margin: 0px auto 0px auto; padding: 5px 0px 10px 0px; overflow: hidden; font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 400; color: #FFFFFF } /* ---------------------- */ /* BORDERLESS TABLE */ /* ---------------------- */ /* -- TABLE WRAPPER 1a -- */ .TableWrapper1a { padding: 0px 0px 0px 20px; } /* -- BASIC TABLE ------- */ .table01a { width: 100%; height: 100%; text-align: center; border-collapse: collapse; } /* -- HEADER CELL ------- */ .td01a { width: 100%; height: 27px; margin: 0px; padding: 0px; border: none; text-align: right; border-collapse: collapse; } /* -- CONTENT CELL ------ */ .td02a { width: 100%; padding: 10px 0px 0px 0px; border-collapse: collapse; } /* -- PADDING ADJUSTS CENTER POSITION -- */ /* -- CONTENT CELL ------ */ .td02b { width: 100%; padding: 0px 0px 20px 0px; border-collapse: collapse; } /* -- PADDING ADJUSTS CENTER POSITION -- */ /* -- FOOTER CELL ------ */ .td03a { width: 100%; height: 50px; border-collapse: collapse; } /* -- HEADER TABLE ------ */ .HT1 { width: 100%; border-collapse: collapse; margin: 5px } /* -- HEADER TABLE ------ */ .HT2 { width: 100%; border-collapse: collapse; margin: 10px 0px 10px 0px; } /* -- NO WRAPPING ------ */ .T1S1a { width: 100%; border-collapse: collapse } /* -- ROUNDED CORNERS --- */ .RC01a { border-collapse: collapse; background-color: #80B2CC; border-radius: 10px; } /* -- SETS TABLE COLOR -- */ /* ---------------------- */ /* CONTENTS TABLE */ /* ---------------------- */ /* -- CONTENT TABLE ----- */ .CONTENT { width: 95%; border-collapse: collapse; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; } /* -- CELL STYLE A ------ */ .CELL01a { border-style: none; text-align: center; padding: 5px 5px 5px 5px; font-family: arial,tahoma,sans-serif; font-size: 14pt; font-weight: 400; color: #55585D; } /* -- CELL STYLE B ------ */ .CELL01b { border-style: none; text-align: center; padding: 0px 5px 0px 5px; font-family: arial,tahoma,sans-serif; font-size: 14pt; font-weight: 400; color: #55585D; } /* -- CELL STYLE C ------ */ .CELL01c { border-style: none; text-align: center; font-family: arial,tahoma,sans-serif; font-size: 14pt; font-weight: 400; color: #55585D; } /* ---------------------- */ /* CSS TABLES */ /* ---------------------- */ /* -- DIV AS TABLE ------ */ .table02 { display: table; width: 100%; margin: auto; } /* ---------------------- */ /* CSS TABLE ROWS */ /* ---------------------- */ /* -- DIV AS ROW -------- */ .TR { display: table-row } /* ---------------------- */ /* CSS TABLE CELLS */ /* ---------------------- */ /* -- HA RIGHT H25px ----------- */ .TDR { display: table-cell; height: 200px; text-align: right } /* -- HA LEFT ------------------ */ .TDL { display: table-cell; text-align: left } /* -- HA CENTER ---------------- */ .TDC { display: table-cell; text-align: center } /* -- HA CENTER VA MIDDLE ------ */ .TDCM { display: table-cell; text-align: center; vertical-align: middle; padding: 0px 0px 250px 0px } /* -- FULL CENTER ADJUSTMENT -- */ /* -- RA W-240px FC-#004176 ---- */ .TXTR1a { width: 200px; border-style: solid; border-width: 1px; border-color: #FFFFFF; padding: 2px 5px 0px 0px; text-align: right; font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 500; color: #004176 } /* -- RA W-240px FC-#FFFFFF ---- */ .TXTR2a { width: 200px; border-style: solid; border-width: 1px; border-color: #FFFFFF; padding: 2px 5px 0px 0px; text-align: right; font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 500; color: #FFFFFF } /* -- LA FC-#004176 ------------ */ .TXTL1a { border-style: solid; border-width: 1px; border-color: #FFFFFF; padding: 2px 15px 0px 5px; text-align: left; font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 500; color: #004176 } /* -- LA FC-#FFFFFF ------------ */ .TXTL2a { border-style: solid; border-width: 1px; border-color: #FFFFFF; padding: 2px 15px 0px 5px; text-align: left; font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 500; color: #FFFFFF } /* -- LA Monospace FC-#004176 -- */ .MSF01a { border-style: solid; border-width: 1px; border-color: #FFFFFF; padding: 2px 15px 0px 5px; text-align: left; font-family: Consolas, Courier, monospace; letter-spacing: 1px; font-size: 14pt; font-weight: normal; font-style: normal; color: #004176 } /* -- LA Monospace FC-#FFFFFF -- */ .MSF02a { border-style: solid; border-width: 1px; border-color: #FFFFFF; padding: 2px 15px 0px 5px; font-family: Consolas, Courier, monospace; letter-spacing: 1px; font-size: 14pt; font-weight: normal; font-style: normal; color: #FFFFFF } /* -- ROW VA Middle HT 24px ---- */ .ROW01a { height: 24px; vertical-align: middle } /* -------------------------- */ /* BASIC DIVS */ /* -------------------------- */ /* -- CENTERED CONTENT ------ */ .C01a { margin: 10px 20px 18px 20px; text-align: center; } /* -- CENTERED CONTENT ------ */ .C01b { display: inline-block; text-align: center; } /* -- TRANS BACK PANEL ------ */ .D01a { display: inline-block; padding: 0px; margin: 0px; } /* -- LYRIC WRAPPER --------- */ .DW1a { font-family: Nitaka; margin: 10px 50px 0px 50px; padding: 30px 10px 30px 10px; background-image: url(../Graphics/Theme/Parchment-02a.jpg); background-size: cover; background-repeat: no-repeat; text-align: center; font-size: 16pt; font-weight: 500; color: #333333; } /* -- BEIGE PARCHMENT ------- */ .DW1b { font-family: Nitaka; margin: 10px 50px 0px 50px; padding: 50px 10px 30px 10px; background-image: url(../Graphics/Theme/Parchment-02a.jpg); background-size: cover; background-repeat: no-repeat; text-align: center; font-size: 16pt; font-weight: 500; color: #333333; } /* -- BLUE PARCHMENT -------- */ .DW1c { font-family: Nitaka; margin: 10px 50px 0px 50px; padding: 50px 10px 30px 10px; background-image: url(../Graphics/Theme/Parchment-03a.jpg); background-size: cover; background-repeat: no-repeat; text-align: center; font-size: 16pt; font-weight: 500; color: #333333; } /* -- LYRIC TITLES ---------- */ .D02a { font-size: 20pt; letter-spacing: 1px; margin: 0px 0px 25px 0px; color: #333333; } /* -- LYRIC VERSES ---------- */ .D02b { font-size: 16pt; font-weight: 400; color: #333333; } /* -- LYRIC INTERLUDE ------- */ .D02c { font-family: arial,tahoma,sans-serif; font-size: 8pt; font-weight: 400; margin: 10px 0px 10px 0px; color: #333333; } /* -- 8PT DARK TEXT---------- */ .D08a { display: block; text-align: center; margin: 3px auto 5px auto; font-size: 8pt; font-weight: 500; color: #55585D; } /* -- 12PT WHITE ------------ */ .D12a { margin: 10px 0px 10px 0px; text-align: center; font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 400; color: #FFFFFF } /* -- 12PT WHITE LH 150 ----- */ .D12b { margin: 10px 0px 0px 0px; text-align: center; font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 400; line-height: 150%; color: #FFFFFF } /* -- 12PT WHITE LH 150 ----- */ .D12c { margin: 10px 0px 10px 0px; text-align: center; font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 400; line-height: 150%; color: #FFFFFF } /* -- 12PT ITALIC BOLD ----- */ .D12i { font-family: arial,tahoma,sans-serif; font-size: 12pt; font-weight: 600; font-style: italic; color: #7E7E7D; } /* -- 14PT WHITE ------------ */ .D14a { width 100%; height: 25px; margin: 0px 0px 10px 0px; text-align: center; font-family: arial,tahoma,sans-serif; font-size: 14pt; font-weight: 400; color: #FFFFFF } /* -- 14PT WHITE ------------ */ .D14b { width 100%; height: 25px; margin: 0px; text-align: center; font-family: arial,tahoma,sans-serif; font-size: 14pt; font-weight: 400; color: #FFFFFF } /* -- 14PT WHITE ------------ */ .D14c { width 100%; height: 25px; text-indent: 25px; margin: 0px 0px 10px 0px; text-align: center; font-family: arial,tahoma,sans-serif; font-size: 14pt; font-weight: 400; color: #FFFFFF } /* -------------------------- */ /* BASIC WRAPPERS */ /* -------------------------- */ /* -- BASIC WRAPPER --------- */ .BW01a { display: block; padding: 0px; margin: 0px; overflow: hidden; } /* -------------------------- */ /* PARAGRAPHS */ /* -------------------------- */ /* -- 14px INDENT ------ */ .P01a { text-indent: 14px; margin: 0px 20px 18px 20px; line-height: 125%; text-align: justify; color: #333E59; } /* -- 14px NO INDENT --- */ .P01b { margin: 20px 20px 18px 20px; line-height: 125%; text-align: justify; color: #333E59; } /* -- 14px NO INDENT --- */ .P01c { margin: 0px 20px 18px 20px; line-height: 125%; text-align: justify; color: #333E59; } /* ------------------------ */ /* SPAN STYLES */ /* ------------------------ */ /* -- 12PT WHITE --------- */ .WS12PT { font-size: 12pt; font-weight: 400; color: #FFFFFF; } /* -- 12PT WHITE --------- */ .WS10PT { font-size: 8pt; font-weight: 400; color: #FFFFFF; } /* -- Monospace ---------- */ .MS01 { font-family: Consolas, Courier, monospace; letter-spacing: 1px; font-size: 14pt; font-weight: normal; font-style: normal } /* -- Link For Light BG ---- */ .LS01 a:link { text-decoration: none; color: #0959F1; font-weight: 500 } .LS01 a:visited { text-decoration: none; color: #0959F1; font-weight: 500 } .LS01 a:active { text-decoration: underline; #0959F1; font-weight: 500 } .LS01 a:hover { text-decoration: underline; #0959F1; font-weight: 500 } /* -- Link For Dark BG ----- */ .LS02 a:link { text-decoration: none; color: #00CCFF; font-weight: 500 } .LS02 a:visited { text-decoration: none; color: #00CCFF; font-weight: 500 } .LS02 a:active { text-decoration: underline; #00CCFF; font-weight: 500 } .LS02 a:hover { text-decoration: underline; #00CCFF; font-weight: 500 } /* ------------------------- */ /* LISTS */ /* ------------------------- */ /* -- BASIC BLACK DISK ----- */ .UL1a { list-style-type: disc } /* -- NO BULLET STYLE ----- */ .UL2a { list-style: none; } /* -- BASIC BLACK DISK ----- */ .LI2a { font-size: 12pt } /* -- BASIC BLACK DISK ----- */ .LI2a:before { content: "•"; vertical-align: middle; font-size: 16pt; padding: 0px 5px 3px 0px; color: #00669A } /* -- NUMBERED INDENTED ---- */ .OL1a { margin: 0px 25px 5px 25px; } /* -- BLUE ARROW WRAPPER -- */ .B01a { margin: 2px 0px 2px 0px; color: #333E59; } /* -- BLUE ARROW BULLET --- */ .IM-01a { display: inline-block; height: 13px; width: 7px; margin: 2px 10px 0px 14px; background-image: url(../Graphics/Theme/BT_RightArrow_01a.png); background-repeat: no-repeat; border: none } /* -- BLUE ARROW BULLET --- */ .B01b { display: inline-block; height: 13px; width: 7px; margin: 2px 10px 0px 43px; background-image: url(../Graphics/Theme/BT_RightArrow_01a.png); background-repeat: no-repeat; border: none } /* -- DOT LAVENDER 8PX ----- */ .dot01 { background: #9082B9; display: inline-block; width: 8px; height: 8px; margin: 0px 5px 0px 5px; border-radius: 8px;} /* ----------------------- */ /* OTHER LINKS */ /* ----------------------- */ /* -- WHITE PAGE SPAN ---- */ .LS1a { text-decoration: none; color: #0066CC; } /* -- WHITE PAGE SPAN ---- */ .LS1b { text-decoration: none; color: #0000FF; } /* -- INSET TITLE -------- */ .inset1a { display: block; text-align: right; font-size: 8pt; color: #444444; margin: 10px 65px 3px 0px; } /* -- TOP LINK ----------- */ .TOP1a { float: right; font-size: 8pt; margin: 14px 35px 0px 0px; } /* -- IN PAGE LINKS ------ */ .IP1a { background-color: #55585D; font-size: 8pt; font-weight: 600; color: #FFFFFF; } .IP1a a:link { text-decoration: none; color: #FFFFFF; opacity: 0.8 } .IP1a a:visited { text-decoration: none; color: #FFFFFF; opacity: 0.8 } .IP1a a:hover { text-decoration: none; color: #FFFFFF; opacity: 1.0 } .IP1a a:active { text-decoration: none; color: #FFFFFF; opacity: 1.0 } /* -- UP TO TOP LINK ----- */ .TOP1b { display: inline-block; float: right; background: #55585D; padding: 3px 5px 2px 5px; margin: 3px 5px 0px 0px; border-radius: 4px; } /* -- BOTTOM NEXT LINK --- */ .NEXT1a { display: inline-block; float: right; background: #55585D; padding: 3px 5px 2px 5px; margin: 3px 20px 0px 0px; border-radius: 4px; } /* -- HEADER & IMAGE ----- */ .ImgH1a { color: #55585D; font-size: 16pt; font-weight: 400; margin: 20px 10px 15px 30px; } /* -- HEADER & IMAGE ----- */ .ImgH1b { color: #55585D; font-size: 16pt; font-weight: 400; margin: 10px 10px 15px 30px; } /* -------------------------- */ /* UNUSED */ /* -------------------------- */ /* -- H3 White Text --------- */ .H3W01 { text-indent: 0px; font-family: arial,tahoma,sans-serif; font-size: 16pt; font-weight: 400; color: #FFFFFF } /* -- BASIC BODY ------------ */ .B0 { text-indent: 0px; margin: 0px; padding: 0px; font-family: arial,tahoma,sans-serif } /* -- BODY WHITE ------------ */ .B1 { background-color: #FFFFFF; text-indent: 0px; margin: 0px; padding: 0px; font-family: arial,tahoma,sans-serif; color: #000000 } /* -- BODY BLACK ------------ */ .B2 { background-color: #000000; text-indent: 0px; margin: 0px; padding: 0px; font-family: arial,tahoma,sans-serif; color: #FFFFFF } /* -- PARAGRAPH ------------- */ .P2n { text-indent: 0px; font-size: 10pt; font-weight: 700; text-align: justify } /* -- PARAGRAPH ------------- */ .P2i { text-indent: 14px; font-size: 10pt; font-weight: 700; text-align: justify } /* -- PARAGRAPH JUSTIFIED --- */ .P3 { text-indent: 0px; margin: 0px; text-align: justify } /* -- IMAGE ----------------- */ .imgTM10 { border-style: none; margin: 10px 0px 0px 0px } /* -- 800 Pixels Wide | Justified -- */ .CP800J { background-color: wheat; width: 800px; margin: auto; text-align: justify; padding: 0px 0px 30px 0px } /* -- 630 Pixels Wide | Justified -- */ .CP630J { background-color: wheat; width: 630px; margin: auto; font-family: arial, tahoma, corbel, sans-serif; font-weight: 500; font-smooth: always; color: #093A59; text-align: justify; font-size: 12pt; padding: 20px 20px 30px 20px } /* -- ICONS ---------------- */ /* -- Green Check Mark ----- */ .CHK-02a { padding: 10px 13px 10px 13px; width: 26px; height: 20px; background-image: url('../Graphics/Theme/CHK-02a.png'); background-repeat: no-repeat; background-position: center } /* -- Red X ---------------- */ .REX-02a { padding: 10px 13px 10px 13px; width: 26px; height: 20px; background-image: url('../Graphics/Theme/REX-02a.png'); background-repeat: no-repeat; background-position: center } /* -- Header Folder Icon --- */ .LDR01a { cursor: pointer; display: inline-block; height: 36px; width: 58px; vertical-align: bottom; margin: 0px 0px 0px 20px; background-image: url(../Graphics/Theme/Folder-01a.png); background-repeat: no-repeat; background-position: 0px 0px } /* -- Header WWW Icon ------ */ .WWW01a { cursor: pointer; display: inline-block; height: 43px; width: 43px; vertical-align: bottom; margin: 0px 5px 0px 5px; background-image: url(../Graphics/Theme/WWW-01a.png); background-repeat: no-repeat; background-position: 0px 0px } /* -- Header WIP Icon ------ */ .WIP01a { cursor: pointer; display: inline-block; height: 40px; width: 42px; vertical-align: bottom; background-image: url(../Graphics/Theme/WIP-01a.png); background-repeat: no-repeat; background-position: 0px 0px } /* -- Header WIP Icon ------ */ .WIP02a { cursor: pointer; display: inline-block; height: 40px; width: 42px; vertical-align: bottom; background-image: url(../Graphics/Theme/WIP-02a.png); background-repeat: no-repeat; background-position: 0px 0px } /* ------------------- */ /* TESTING */ /* ------------------- */ /* -- INSERT TEXT ---- */ .TEST-04::before { content:'CSS before test.' } /* ------------------- */ /* --- END UNUSED ---- */ /* ------------------- */