/* MPOWER Mobile CSS */ /* === General === */ /* === Global === */ body {margin: 0; padding: 0; background: #929292 url(/img/bg_body.jpg) top left repeat-x; font-size: 8.5pt; line-height: 140%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666;} #outerRapper {width: 860px; margin: 0 auto; padding: 0; background: transparent url(/img/bg_outerRapper.jpg) top left repeat-y;} #innerRapper {width: 860px; margin: 0; padding: 0; background: transparent url(/img/bg_innerRapper.jpg) top left no-repeat;} #contentRapper {width: 740px; margin: 0; padding: 0; position: relative; top: 40px; left: 60px; min-height: 375px;} #header {width: 740px; height: 85px; margin: 0; padding: 0;} #headerLogo {width: 80px; height: 85px; margin: 0; padding: 0; top: 0; left: 0; float: left;} #headerTagline {width: 245px; height: 25px; margin: 0; padding: 0; float: right; margin-top: 31px;} #headerLangNav {width: 245px; height: 25px; margin: 0; padding: 0; float: right; clear: right; display: none;} #globalnav {width: 740px; height: 30px; margin: 0; padding: 0; margin-top: 5px;} #globalnavZfix { z-index: 1; display: block; position: absolute;} #feature {width: 740px; height: 265px; margin: 0; padding: 0; margin-top: 15px;} #subHome {width: 740px; height: 115px; margin: 0; padding: 0; margin-top: 25px;} #subFeature {width: 375px; height: 115px; margin: 0; padding: 0; float: left;} #welcomeContent {width: 335px; margin: 0; padding: 0; float: right;} #welcomeContent p {margin: 0; padding: 0; font-size: 8.5pt; line-height: 140%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; text-align: left; margin-top: 10px;} #secondaryContainer {width: 740px; margin: 0; padding: 0; margin-top: 15px; padding-bottom: 175px; min-height: 425px; clear: left;} #secondaryContent {width: 450px; margin: 0; padding: 0; float: left; left: 25px; position: relative;} #subNavContainer {width: 195px; margin: 0; padding: 0; float: right; right: 15px; position: relative; margin-top: 10px; background: transparent url(/img/bg_subnav_cornice.gif) top left no-repeat; padding-top: 5px;} #subNavBottomFix {width: 195px; margin: 0; padding: 0; background: transparent url(/img/bg_subnav_broiler.gif) bottom left no-repeat; padding-bottom: 5px;} #footer {width: 860px; height: 80px; margin:0; padding: 0; background: transparent url(/img/bg_footer.jpg) bottom left no-repeat; top: 40px; left: 0px; position: relative; clear: left;} #footerTagline {width: 165px; height: 15px; margin: 0; padding: 0; position: relative; top: 50px; left: 20px; float: left;} #footerTagline a {width: 165px; height: 15px; margin: 0; padding: 0; background: transparent url(/img/footer_tagline.gif) top left no-repeat; overflow: hidden; text-indent: -9999px; display: block;} #footerTagline a:hover {background: transparent url(/img/footer_tagline.gif) 0 -15px no-repeat;} #footerNav {width: 630; height: 15px; margin: 0; padding: 0; position: relative; top: 51px; left: -20px; float: right;} #footerNav p {margin: 0; padding: 0; font-size: 7.5pt; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ccc; text-align: right;} #footerNav a {color: #ccc; text-decoration: none;} #footerNav a:hover {color: #fff; border-bottom: 1px dotted #ccc; padding-bottom: 2px;} a {text-decoration: none; color: #6c0;} a img {border: 0;} p {font-size: 8.5pt; line-height: 140%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; text-align: left; margin-top: 10px;} .boldUCGreen {text-transform: uppercase; letter-spacing: -1px; color: #6c0; font-weight: bold; font-size: 11pt} .pageheader {margin-top: 20px;} #secondaryContent p {margin-left: 3px; font-size: 8.5pt; margin-top: 15px; color: #666; line-height: 140%;} #secondaryContent p.first {margin-top: 15px;} h4 {margin: 0; padding: 0; margin-top: 35px; text-transform: uppercase; font-size: 8.5pt; color: #666; letter-spacing: -1px; margin-left: 3px;} h3 {margin: 0; padding: 0; margin-top: 35px; font-size: 9.5pt; color: #333; padding-left: 13px; background: url(/img/greenarrow.gif) top left no-repeat; font-weight: normal; left: 4px; position: relative;} h3 .subtitle {font-size: 8.5pt; color: #888; font-style: italic; font-weight: normal;} h3.firstBio {margin-top: 15px;} #board #secondaryContent p, #management #secondaryContent p {margin-top: 10px; left: 15px; position: relative; width: 430px;} #secondaryContent .listdiv {width: 375px; margin-left: 15px; margin-bottom: 25px; margin-top: 25px;} #secondaryContent .listdiv ul {list-style-type: none; margin: 0; padding: 0;} #secondaryContent .listdiv li {margin: 0; padding: 0; margin-bottom: 10px; color: #444; background-image: url(/img/greenarrow_sub.gif); background-repeat: no-repeat; background-position: 0 .3em; padding-left: 13px; line-height: 120%;} /* === Global Navigation === */ #nav {width: 740px;} #nav, #nav ul {padding: 0; margin: 0; list-style: none; line-height: 140%; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; float: left; border: 0;} #nav ul {width: 242px;} #nav #navAboutFix {margin-left: 7px; background: transparent url(/img/bg_globalnav_sub_about.jpg) 0 0 no-repeat;} #nav #navProductsFix {background: transparent url(/img/bg_globalnav_sub_products.jpg) 0 0 no-repeat;} #nav #navPartnersFix {background: transparent url(/img/bg_globalnav_sub_partners.jpg) 0 0 no-repeat;} #nav li a {display: block; overflow: hidden; text-indent: -999px; text-decoration: none; height: 30px; color: #fff;} #nav #navAbout {width: 249px; height: 30px; margin: 0; padding: 0; background: transparent url(/img/bg_globalnav.gif) 0 0 no-repeat;} #nav #navProducts {width: 242px; height: 30px; margin: 0; padding: 0; background: transparent url(/img/bg_globalnav.gif) -249px 0 no-repeat;} #nav #navPartners {width: 249px; height: 30px; margin: 0; padding: 0; background: transparent url(/img/bg_globalnav.gif) -491px 0 no-repeat;} #nav #navAboutActive {width: 249px; height: 30px; margin: 0; padding: 0; background: transparent url(/img/bg_globalnav.gif) 0 -30px no-repeat;} #nav #navProductsActive {width: 242px; height: 30px; margin: 0; padding: 0; background: transparent url(/img/bg_globalnav.gif) -249px -30px no-repeat;} #nav #navPartnersActive {width: 249px; height: 30px; margin: 0; padding: 0; background: transparent url(/img/bg_globalnav.gif) -491px -30px no-repeat;} #nav li {float: left; padding: 0;} #nav li ul {position: absolute; left: -999em; height: auto; width: 242px; margin: 0; padding-top: 60px;} #nav li li {background: transparent url(/img/bg_globalnav_subs_options.gif) 0 0 no-repeat; width: 242px;} #nav li #navAboutLast, #nav li #navProductsLast, #nav li #navPartnersLast {background: transparent url(/img/bg_globalnav_subs_options_last.gif) 0 0 no-repeat;} #nav li ul a {width: 242px;} #nav li ul li a {width: 242px; height: 30px; text-indent: 20px;} #nav li ul li a p {padding: 5px 0; margin: 0; color: #fff;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} #nav li:hover, #nav li.sfhover {background: transparent url(/img/bg_globalnav_subs_options.gif) 0 -30px no-repeat;} #nav li #navAboutLast:hover, #nav li #navAboutLast.sfhover, #nav li #navProductsLast:hover, #nav li #navProductsLast.sfhover, #nav li #navPartnersLast:hover, #nav li #navPartnersLast.sfhover {background: transparent url(/img/bg_globalnav_subs_options_last.gif) 0 -30px no-repeat;} #nav #navAbout:hover, #nav #navAbout.sfhover, #nav #navAboutActive:hover, #nav #navAboutActive.sfhover {background: transparent url(/img/bg_globalnav.gif) 0 -30px no-repeat;} #nav #navProducts:hover, #nav #navProducts.sfhover, #nav #navProductsActive:hover, #nav #navProductsActive.sfhover {background: transparent url(/img/bg_globalnav.gif) -249px -30px no-repeat;} #nav #navPartners:hover, #nav #navPartners.sfhover, #nav #navPartnersActive:hover, #nav #navPartnersActive.sfhover {background: transparent url(/img/bg_globalnav.gif) -491px -30px no-repeat;} /* === Sub Navigation ===*/ /* all lists */ #subNav, #subNav ul {padding: 0; margin: 0; list-style: none; line-height: 140%; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 8.5pt; background: transparent url(/img/bg_subnav.gif) top left no-repeat;} #subNav li a {width: 195px; height: 30px; display: block; background: transparent url(/img/bg_subnav_options.gif) 0 0 no-repeat; color: #6c0; text-decoration: none; padding: 7px 0;} #subNav li a:hover {background: transparent url(/img/bg_subnav_options.gif) 0 -30px no-repeat;} #subNav li a.navActive {background: transparent url(/img/bg_subnav_options.gif) 0 -60px no-repeat; text-indent: 30px;} #subNav li a.navActive:hover {background: transparent url(/img/bg_subnav_options.gif) 0 -60px no-repeat;} #subNav #lastItem, #subNav #lastItem a {height: 29px;} /* all list items */ #subNav li {width: 195px; height: 30px; text-indent: 20px; overflow: hidden;} /* === Sub Feature Navigation ===*/ #subFeatureList {width: 375px; padding: 0; margin: 0; list-style: none; line-height: 140%; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; float: left; border: 0;} #subFeatureList li {width: 115px; float: left; padding: 0;} #subFeatureList li.leftFix {margin-left: 15px;} #subFeatureList li a {display: block; overflow: hidden; text-indent: -999px; text-decoration: none; height: 115px; width: 115px;} #subFeatureList li #subFeatureSend {background: transparent url(/img/bg_subfeature_04.jpg) 0 0 no-repeat;} #subFeatureList li #subFeatureAccept {background: transparent url(/img/bg_subfeature_04.jpg) -130px 0 no-repeat;} #subFeatureList li #subFeatureBuy {background: transparent url(/img/bg_subfeature_04.jpg) -260px 0 no-repeat;} #subFeatureList li #subFeatureSend:hover {background: transparent url(/img/bg_subfeature_04.jpg) 0 -115px no-repeat;} #subFeatureList li #subFeatureAccept:hover {background: transparent url(/img/bg_subfeature_04.jpg) -130px -115px no-repeat;} #subFeatureList li #subFeatureBuy:hover {background: transparent url(/img/bg_subfeature_04.jpg) -260px -115px no-repeat;}