/* Colors: Lt. Blue: #54a7d6; Lt.Blue: #5e9de4; Dk. Blue: #09478c; Lt. Gray: #f7f7f7; Orange: #ff9933 Teal: #24a0a2; #ff9933 */ /* Elements */ * { box-sizing: content-box; -moz-box-sizing: content-box; } div,span,form,img { position: relative; margin: 0px; padding: 0px; border: 0px; } table * { position: static !important; } html { background: url('images/layout/html-bg.png') repeat-y; } body { position: relative; margin: 0px; padding: 0px; border: 0px; width: 100%; min-width: 750px; color: #272727; width: 100%; background: url('/images/layout/header_bg.gif') repeat-x; font-family: Arial, sans-serif; font-size: 11px; } strong { color: #24a0a2; } em { color: #24a0a2; font-style: normal; } ul { margin-top: 3px; color: #ff9933; } li { margin-top: 2px; line-height: 16px; vertical-align: middle; } li span { color: #000000; } h1, h2, h3, h4 { font-family: verdana, sans-serif; font-weight: bold; text-decoration: none; } h1 { color: #09478c; font-size: 13px; } h2 { margin-bottom: 5px; color: #24a0a2; font-size: 11px; } h3 { margin-bottom: 3px; color: #54a7d6; font-size: 10px; } p { margin: 0px 0px 10px; padding: 0px; font-size: 11px; line-height: 15px; } a { color: #24a0a2; background: transparent; text-decoration: none; } a:hover { border: 0px; color: #ff9933; background: transparent; text-decoration: underline; } /* End Elements */ /* Classes */ img.png { _behavior:url('/pngbehavior.htc'); } /* Basic Layout */ #header { position: relative; top: 0px; left: 0px; height: 114px; } #header.index { height: 163px; background: url('/images/layout/header_index_bg.gif') repeat-x; } #ltSide { position: absolute; top: 105px; left: 0px; padding: 10px; padding-bottom: 0px; width: 155px; _height: 1%; z-index: 2; color: #ffffff; background: #09478c; } #ltSide.index { top: 154px; } #rtSide { position: absolute; top: 114px; left: 575px; padding: 10px; width: 155px; _height: 1%; z-index: 1; } #rtSide.index { top: 163px; } #content { position: relative; left: 175px; padding: 10px; width: 380px; z-index: 3; } #content.noRt { width: 555px; } /* End Layout */ /* Buttons */ a.button { display: block; margin: 0px; padding: 0px; border: 0px; width: 60px; height: 20px; font-size: 12px; font-weight: bold; text-decoration: none; text-align:center; line-height: 20px; vertical-align: middle; } a.button:hover { text-decoration: underline; } /* End Buttons */ /* Side Boxes */ .box { margin-top: 10px; padding: 4px; width: 145px; border: 1px solid #000000; } .box.white { color: #09478c; background: #ffffff; } .box.teal { color: #ffffff; background: #24a0a2; } .box.blue { color: #000000; background: #ffffff; } .box h1 { display: block; margin: -4px; margin-bottom: 0px; padding: 3px 5px; border-bottom: 1px solid #000000; height: 14px; font-size: 11px; font-weight: bold; text-align: right; line-height: 14px; vertical-align: middle; } .box.white h1 { color: #ffffff; background: #24a0a2; } .box.teal h1 { color: #09478c; background: #ffffff; } .box.blue h1 { color: #ffffff; background: #09478c; } .box h2 { text-align: center; } .box p { margin: 0px; padding: 4px; text-align: center; } .box form { margin-top: 4px; } .box.white a.button,.box.white a.button:visited { color: #ffffff; background: #666666 url('/images/layout/button-short.png') no-repeat; _background: #666666; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/button-short-bg-white.png', sizingMethod='image'); } .box.teal a.button { color: #ff9933; background: #ffffff url('/images/layout/button-short-bg-teal.png') no-repeat; _background: #ffffff; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/button-short-bg-teal.png', sizingMethod='image'); } .box.white a.button:hover, .box.white a.button:active, .box.white a.button:focus { color: #ffffff; background: #ff9933 url('/images/layout/button-short-bg-white.png') no-repeat; _background: #ff9933; } .box.teal a.button:hover { color: #ffffff; background: #ff9933 url('/images/layout/button-short-bg-teal.png') no-repeat; _background: #ff9933; } .box a.button { margin: 5px 0px 0px 85px; } .box form input.text { margin: 0px; padding: 0px; border: 0px; width: 60px; height: 17px; color: #000000; background: url('/images/layout/bg-form.png') repeat-x; font-size: 10px; line-height: 17px; vertical-align: middle; } .box form label { display: block; height: 17px; line-height: 17px; vertical-align: middle; font-weight: bold; font-size: 11px; text-decoration: underline; } .box form input.text { width: 145px; } .box form div { margin: 2px 0px; } .box form div label { display: block; float: left; width: 62px; } .box form div input.text { width: 80px; } .box a.forgot { position: absolute; bottom: 5px; left: 5px; width: 80px; color: #ffffff; background: transparent; font-weight: bold; text-decoration: none; } .box a.forgot:hover { color: #000000; background: transparent; text-decoration: underline; } .box form select { margin: 0px; padding: 0px; border: 0px; height: 17px; width: 50px; color: #000000; background: url('/images/layout/bg-form.png') repeat-x; font-size: 10px; line-height: 17px; vertical-align: middle; } /* End Boxes */ .shaded { display: block; border-bottom: 1px solid #cccccc; height: 22px; color: #54a7d6; background: url("/images/layout/bg-shaded.png") repeat-x; font-weight: bold; text-align: left; text-decoration: underline; font-size: 11px; font-weight: bold; line-height: 22px; vertical-align: middle; } .orange { display: block; padding: 0px 10px; width: 180px; height: 25px; color: #ffffff; background: url("/images/layout/bg-orange.png") no-repeat; font-weight: bold; font-size: 12px; text-align: right; line-height: 25px; vertical-align: middle; } .lt .orange { width: 280px; background: url("/images/layout/bg-orange-long.png") no-repeat; } #content div.heading { display: block; margin-bottom: 15px; } #header.index a#play { position: absolute; top: 143px; left: 603px; } #header.index a#playPresentation { position: absolute; top: 143px; left: 603px; } #header #nav { position: absolute; bottom: 0px; left: 340px; padding: 3px 8px 0px; width: 255px; height: 18px; color: #ffffff; background: url('/images/layout/header_nav.gif') no-repeat; } #header #nav img { margin: -2px 5px; } #header #nav a { margin: 0px 8px; color: #ffffff; background: transparent; text-decoration: none; } #header #nav a:hover { text-decoration: underline; } #footer { margin: 10px auto; padding: 10px; height: 80px; color: #6b6b6b; background: #ffffff url('/images/layout/footer-nav-bg.png') no-repeat center top; text-align: center; line-height: 20px; vertical-align: middle; } #footer a { color: #24a0a2; background: transparent; font-weight: bold; font-family: verdana, sans-serif; text-decoration: underline; } #footer a:hover, #footer a:active { color: #ff9b2f; background: transparent; text-decoration: none; } #ltSide #navbar { } #ltSide #navbar a.main, #ltSide #navbar a.main:visited { display: block; padding-right: 5px; border-bottom: 0px solid #000000; width: 150px; height: 24px; color: #24a0a2; background: #24a0a2 url('/images/layout/navlink.png') no-repeat; _background: #24a0a2; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/navlink.png', sizingMethod='image'); font-weight: bold; font-size: 8pt; text-align: right; text-decoration: none; line-height: 23px; vertical-align: middle; } /*font-family: "Franklin Gothic Medium Cond", serif;*/ #ltSide #navbar a.main:hover { color: #ff9933; background-color: #ff9933; } #ltSide #navbar .sub { position: static; } #ltSide #navbar .sub a, #ltSide #navbar .sub a:visited { display: block; margin: 0px 0px 1px 5px; padding-right: 5px; width: 145px; height: 22px; color: #ffffff; background: #5e9de4; text-align: right; text-decoration: none; line-height: 22px; vertical-align: middle; } #ltSide #navbar .sub a:hover, #ltSide #navbar .sub a:active { color: #ffffff; background: #6b6b6b; text-decoration: underline; } #ltSide #foot { margin: 10px -10px 0px; color: #000000; text-align: center; } #ltSide #foot div { padding: 10px 0px; background: #ffffff; } #ltSide #foot div a { color: #24a0a2; background: transparent; font-weight: bold; font-family: verdana, sans-serif; font-size: 9px; text-decoration: underline; } #ltSide #foot div a:hover, #side #foot div a:active { color: #ff9b2f; background: transparent; text-decoration: none; } #ltSide #foot span { display: block; padding: 10px; font-weight: bold; color: #000000; background: #ffffff; font-size: 9px; font-family: verdana, sans-serif; } #content.site table { margin: 20px auto; border: 2px solid #09478c; text-align: center; empty-cells: show; border-collapse: collapse; } #content.site table .col1 { background: #f7f7f7; } #content.site table .col2 { background: #ffffff; } #content.site table .col3 { background: #f7f7f7; } #content.site table td, #content.site table th { padding: 4px; height: 20px; border: 1px solid #b7b7b7; line-height: 20px; vertical-align: middle; font-size: 12px; } #content.site table thead th { border-bottom: 1px solid #09478c; height: 25px; color: #ffffff; background: #ff9933; font-size: 14px; font-weight: bold; line-height: 25px; vertical-align: middle; } #content.site table thead td,#content.site table tbody th { color: #09478c; font-weight: bold; } #content.site table tfoot td, #content.site table tfoot th { border: 1px solid #09478c; border-top: 2px; } #content.site table tfoot th { color: #ffffff; background: #54a7d6; } #content.site table tfoot td { color: #ffffff; background: #5e9de4; } #content.site table tfoot a { color: #ffffff; } #content.site form { margin: 10px auto; padding: 5px; width: 300px; border: 3px double #cccccc; color: #000000; background: #f7f7f7; text-align: center; } #content.site form fieldset { border: 0px; padding: 0px; margin: 0px; } #content.site form input.text { margin-top: 5px; border: 1px solid #b7b7b7; height: 15px; color: #000000; background: #ffffff; } #content.site form div { margin: 2px; width: 260px; height: 15px; } #content.site form div label { float: left; width: 100px; margin: 0px; } #content.site form div input.text { float: right; margin: 0px; } #content.site form textarea { display: block; border: 1px solid #b7b7b7; color: #000000; background: #ffffff; } #content.site form select { height: 15px; border: 1px solid #b7b7b7; font-size: 10px; } #content.site form a.button, #content form a.button:visited { margin: 5px auto; color: #ffffff; background: #666666 url('/images/layout/button-short.png') no-repeat; _background: #666666; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/button-short.png', sizingMethod='image'); } #content.site form a.button:hover, #content.site form a.button:active, #content.site form a.button:focus { color: #ffffff; background: #ff9933 url('/images/layout/button-short.png') no-repeat; _background: #ff9933; } #content.site blockquote { margin: 15px 5px; padding: 5px; border: 1px solid #cccccc; color: #000000; background: #f7f7f7; } #content.site blockquote cite { display: block; margin-top: 10px; } #content.site blockquote cite a { display: block; } #content.site blockquote ul { margin: 3px 0px 0px 0px; list-style-position: inside; } .planBox { margin: auto; margin-bottom: 10px; border: 1px solid #cccccc; width: 200px; _height: 70px; min-height: 70px; } .lt .planBox { width: 300px; margin-top: 20px; } .planBox img { position: absolute; top: 5px; left: 0px; width: 85px; } .planBox div { position: relative; top: 5px; left: 85px; width: 104px; padding: 2px; border: 1px solid #cccccc; color: #09478c; background: #f7f7f7; font-size: 9px; text-align: center; } .lt .planBox div { left: 185px; } .planBox div span { color: #ff0000; font-size: 15px; font-weight: bold; } .planBox ul { position: relative; margin: 3px auto 0px; padding: 5px; width: 190px; list-style-position: inside; } .lt .planBox ul { margin-left: 5px; } .planBox li { line-height: 14px; vertical-align: middle; } .planBox a.button, .planBox a.button:visited { display: block; position: relative; margin: 0px auto 5px; width: 95px; height: 20px; color: #ffffff; background: #24a0a2 url('/images/layout/button-long.png') no-repeat; _background: #24a0a2; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/button-long.png', sizingMethod='image'); font-size: 11px; font-weight: bold; text-decoration: none; text-align: center; line-height: 20px; vertical-align: middle; } .planBox a.button:hover { color: #ffffff; background-color: #ff9933; text-decoration: underline; } .ToolTip { position: relative; z-index: 0; z-index: 5; } .ToolTip:hover { text-decoration: none; border: 0px; z-index: 6; } .ToolTip div { display: none; position: absolute; top: 18px; left: 30px; padding: 4px; border: 1px solid #09478c; width: 400px; color: #000000; background: #f7f7f7; z-index: 10; } /*.ToolTip:hover div { display: block; z-index: 11; }*/ .planCompare td span { display: block; color: #54a7d6; font-weight: bold; } .planCompare .popUp { color: #09478c; } .planCompare .popUp:hover { color: #ff9933; } .widget { margin: 20px 10px; height: 60px; } .widget img { margin-right: 10px; float: left; } .widget a:hover h2 { color: #ff9933; }