html { margin: 0px; padding: 0px; height: 101%; } body { background: #fff url('../img/upper_mural_colorstripe.jpg') -280px 25px repeat-x; font: normal 11px Helvetica, Verdana, Geneva, Arial, sans-serif; color: #666666; margin: 0px; padding: 0px; text-align: center; } a { color: #006633; text-decoration: none; } a:hover { text-decoration: underline; } img { border: none; } p { padding: 0px 20px 10px 25px; margin: 0px; line-height: 15px; } br { padding: 0px; margin: 0px; line-height: 6px; height: 6px; } h1 { width: 592px; height: 24px; padding: 2px 0 0 25px; background: url('../img/h1.png') no-repeat; behavior: url(css/iepngfix.htc); color: #333333; font-size: 140%; line-height: 140%; letter-spacing: 1px; } h2 { padding: 0 20px 0 25px; font-size: 130%; } h3 { padding: 0 20px 0 25px; font-size: 120%; } h4 { padding: 0 20px 0 25px; font-size: 110%; } h5 { padding: 20px 0 0 0px; margin: 0 49px 0 15px; font-size: 110%; /* border-bottom: 1px solid #ccc; */ color: #888; } #bankBoxOuter { position: absolute; !z-index: -5; /* for ie fancy zoom madness */ top: 25px; left: 0px; width: 100%; } #bankBoxInner { position: relative; !z-index: -5; /* for ie fancy zoom madness */ width: 100%; border-collapse: collapse; } #leftBank { display: block; height: 214px; !height: 216px; overflow: hidden; border: 0px; background: #fff url('../img/greenstripe.gif') bottom repeat-x; } #middleBank { width: 800px; } #middleBankImg { position: absolute; !z-index: -5; /* for ie fancy zoom madness */ top: 217px; margin: 0px auto; text-align: center; width: 801px; height: 24px; background: url('../img/tagline.png') repeat; behavior: url(css/iepngfix.htc); overflow: visible; } #rightBank { display: block; height: 214px; !height: 216px; overflow: hidden; border: 0px; background: #fff url('../img/greenstripe.gif') bottom repeat-x; } #mainBox { background: url('../img/checker.gif') repeat; width: 800px; margin: 0px auto; text-align: left; } .brandLogo { position: absolute; !z-index: -5; /* for ie fancy zoom madness */ top: 50px; width: 259px; height: 38px; margin: 0 0 0 43px; background: url('../img/logo-1-7.png') no-repeat; behavior: url(css/iepngfix.htc); /* dumb, but needed */ } #printLogo { display: none; } #loginBox { position: relative; !position: absolute; !z-index: -5; /* for ie fancy zoom madness */ top: 26px; width: 772px; height: 20px; margin: 0px auto; padding-right: 28px; text-align: right; color: #eaeaea; } #loginBox a { color: #eaeaea; } #loginBox a:hover { color: #fff; text-decoration: none; } #loginLeft { background: url('../img/login_left.png') no-repeat; behavior: url(css/iepngfix.htc); /* dumb, but needed */ width: 9px; height: 18px; float: right; } #loginMiddle { background-color: #a5b596; height: 18px; line-height: 18px; text-align: center; float: right; } #loginRight { background: url('../img/login_right.png') no-repeat; behavior: url(css/iepngfix.htc); /* dumb, but needed */ width: 9px; height: 18px; float: right; } span.loginSlash { color: #697c3c; } #centerContainer { position: absolute; top: 255px; !z-index: -5; /* for ie fancy zoom madness */ width: 800px; min-height: 200px; height: auto !important; height: 200px; margin: 0px auto; /*background: url('../img/content_stripe.gif') 38px 0 repeat-y;*/ background: url('../img/checkerstripe.png') 0px 0px repeat-y; text-align: left; } #leftCol { width: 208px; float: left; !padding: 10px 0 0 0; } .comingSoon { margin: 5px 0px 0px 25px; color: #888; } #rightCol { width: 588px; min-height: 200px; height: auto !important; height: 200px; float: left; padding-bottom: 20px; !padding: 10px 0 20px 0; } .portalList li { padding: 0px 15px 20px 0; margin: 0 0 0 20px; } img.introImg { float: left; margin: 10px 0px 10px 25px;; } .footer { clear: both; height: 30px; margin: 0 0 0 208px; padding: 3px 0 0 25px; !padding: 2px 0 0 25px; background: url('../img/footer.png') 0px 0px no-repeat; behavior: url(css/iepngfix.htc); /* dumb, but needed */ } /* FORM */ form { padding: 0 0 0 25px; } form, label, input, select { font-size : 1em;} fieldset { width : 300px; padding : 0.5em 1em; border: none; border-top: 2px solid #ccc; } legend { color: #666666; } label { position: relative; width : 15em; display : block; margin : .5em 0em; line-height: 18px; } label input { position : absolute; left : 100%; top : 0px; width : 10em; border: 1px solid #ccc; !border: 1px solid #91aac2; /* default blue */} label.regLabel input { color: #999999;} label.errorLabel input { color: orange;} select.step1 { color: #666666; border: 1px solid #ccc; !border: 1px solid #91aac2; /* default blue */ } input.step2 { color: #666666; margin-left:3px; margin-right:3px; } input.submit { margin: 0px 0 10px 0; padding: 0px; color: #006633; font: verdana,sans-serif; font-size: 10px; font-weight: normal; } form#step1form input.submit, form#step2form input.submit, form#complete input.submit { display: block; margin: 10px 0 10px 0; } form#complete { clear: both; } table { font: normal 11px Helvetica, Verdana, Geneva, Arial, sans-serif; } tr.progressHead { background: #dddddd; } tr.progressDone { background: #eeeeee; color: #cccccc; } tr.progressMore { background: #eeeeee; } /* NAVIGATION */ #mainNavigation { width: 182px; height: 87px; background: url('../img/mainnavback.png') no-repeat; behavior: url(css/iepngfix.htc); /* dumb, but needed */ text-align: right; } #mainNavigation ul { padding-top: 10px; } #mainNavigation ul li { list-style: none; line-height: 16px; } #mainNavigation ul li a { background: none; color: #006633; padding: 0 30px 0 0; } #mainNavigation ul li a:hover { text-decoration: none; background: url('../img/nav_pointer.png') right no-repeat; } .portal-trial #mainNavigation ul li#portal-trial a, .login #mainNavigation ul li#portal a, .portal #mainNavigation ul li#portal a, .unite #mainNavigation ul li#unite a, .idea #mainNavigation ul li#idea a { background: url('../img/nav_pointer.png') right no-repeat; } #portalNavigation { position: absolute; top: 17px; !top: 15px; left: 495px; width: 260px; } #portalNavigation ul { display: inline; } #portalNavigation ul li { list-style: none; display: inline; margin: 0 10px 0 0; } #portalNavigation ul li a { /* color: #a5b596; */ } #portalNavigation ul li a:hover { text-decoration: none; } /* tools */ #portalTools { position: absolute; top: 14px; left: 679px; width: 109px; height: 16px; } #portalTools a { display: inline-block; float: left; width: 16px; height: 16px; margin: 0 3px 0 0; background-color: #fff; } #portalTools a:hover, #portalTools a#on{ background-color: #006633; } /* unfortunate case of rss rollover */ #portalTools div, #portalTools div a { float: left; margin: 0 3px 0 0; display: inline-block; background: url('../img/feed.png') no-repeat; } #portalTools div, #portalTools div a#on { width: 16px; height: 16px; background-position: 0px -16px; cursor: pointer; !cursor: hand; } #portalTools div a { display: block; width:100%; height:100%; margin: 0; padding:0; background-position: 0px 0px; overflow:hidden; text-decoration: none; } #portalTools div a:hover { background: none; text-decoration: none; } #portalTools div a#on { background: none; text-decoration: none; } /* startbar */ #startbar { position: absolute; overflow: hidden; top: 14px; left: 630px; width: 140px; height: 16px; } #startbar a { display: block; float: left; width: 140px; height: 16px; margin: 0 0px 0 0; background-color: #fff; } #startbar a:hover{ background-color: #006633; } /* captcha image */ img.captcha { margin: 0 0 10px 10px; } .preBg { margin: 0 25px 0 25px; padding: 1px 0 1px 5px; background-color: #f1f1f1; border: 1px dashed #ccc; line-height: 12px; } span.active { vertical-align: top; padding: 1px 4px 1px 4px; background: green; color: white; font-size: 10px; font-weight: normal; } span.inactive { vertical-align: top; padding: 1px 4px 1px 4px; background: orange; color: white; font-size: 10px; font-weight: normal; } span.green { color: green; font-weight: bold; } img.signupBubble { position: absolute; top: 52px; left: 580px; border: 1px dashed #ccc; } /* JQUERY */ /* Turned off temporarily because it kind of sucks ; ) .menu_body { display:none; } */ .menu_list { width: 540px; } .menu_head { padding:3px; /* cursor: pointer; */ position: relative; margin: 0px 0px 2px 0px; font-weight:bold; color: #777; /* background: #dddddd url(../img/left.png) center right no-repeat; */ background: #dddddd; } .menu_body { display:block; } .goalBlock { padding: 6px 10px 10px 10px; /* background: #fff; */ } .chooseGoals { /* background: #fff; */ padding-top: 2px; } table#numbers { margin: 0 0 10px 25px; } .myDragClass { background-color: #dddddd; } /* checkboxes */ .chooseGoals { position: relative; !height: 8px; } .chooseGoals #hidden { position: absolute; display: block; top: 5px; left: -15px; width: 10px; width: 16px; font-size: 9px; padding: 1px 3px 1px 3px; color: #bbb; /*background: #ccc;*/ text-align: center; } /* Serendipity (s9y) Styles */ #blogBox { padding: 0 0 0 25px; } #blogBox label { position: relative; width : 15em; display : block; margin:0px; padding: 0px; } #blogBox input.regLabel { color: #666666; width: 200px; border: 1px solid #ccc; !border: 1px solid #91aac2; /* default blue */} #serendipityQuickSearchTermField { color: #666666; width: 100px; border: 1px solid #ccc; !border: 1px solid #91aac2; /* default blue */} } #blogBox select { color: #666666; width: 200px; border: 1px solid #ccc; !border: 1px solid #91aac2; /* default blue */ } #blogBox textarea { color: #666666; font: normal 11px Helvetica, Verdana, Geneva, Arial, sans-serif; width: 378px; border: 1px solid #ccc; !border: 1px solid #91aac2; /* default blue */ } .quicksearch_submit, .category_submit input { margin: 0px 0 0 0; padding: 0px; color: #006633; font: verdana,sans-serif; font-size: 10px; font-weight: normal; } #blogLeft { float: left; width: 375px; } #blogLeft p { padding: 0px 0 8px 0; margin: 0px; } #blogRight { float: right; width: 150px; } #blogRight h2 { padding: 0px 0 0px 0px; margin: 0 0 0 0px; } #blogRight h5 { padding: 10px 0 0px 0px; margin: 0 0 0 0px; } #blogRight form, #blogLeft form { padding: 0px; margin: 0px; } #blogRight .contentChunk { padding: 7px 0 0px 0px; } div.content_date { font-size: 24px; color: #fff; text-align: center; width: 53px; height: 51px; padding: 5px 0px 0 0; margin: 0 10px 10px 0; !width: 63px; !height: 61px; !padding: 5px 10px 0 0; !margin: 0 0 0 0; background: url('../img/date.gif') no-repeat; float: left; } div.content_month { font-size: 10px; color: #ffffff; text-align: center; padding-bottom: 5px; } .blogNavigation { text-align: center; } .serendipity_commentBody{ margin-bottom: 15px; line-height: 15px; } .serendipity_comment_source { margin-bottom: 3px; font-weight: bold; } .serendipity_commentsTitle { font-weight: bold; } .serendipity_msg_important, serendipity_msg_notice { color: orange; } /* widgetbox stuff */ #blogFooter { display: block; clear: left; width: 375px; margin-left: 30px; padding-top: 25px; padding-bottom: 20px; } 