/* This site is designed to use em measurements instead of traditional pixels * to ensure that text can be resized without throwing off the design of the * rest of the site elements. A few little CSS tricks on the and * tags set the font size such that 1.0em is equal to 10 pixels, allowing the * structure of the site to be effectively defined in ems. */ /* DISABLED FOR NOW... html { font-size: 100%; height: 100%; } body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 62.5%; color: #000; margin: 0; height: 100%; } html>body { font-size: 10px; } */ body { text-align: center; /* IE hack to center layout.... */ } div#pageWrapper { text-align: left; position: relative; width: 760px; margin: 28px auto 0; } div#header { position: relative; width: 100%; height: 48px; margin: 0; background: url(/images/logo_gridrepublic_vc.gif) bottom left no-repeat; } div#header div.profileInfo { position: absolute; right: 0; bottom: 0; height: 40px; width: 250px; line-height: 40px; text-align: right; } div#header div.profileInfo table { height: 100%; width: 100%; vertical-align: middle; text-align: right; } div#header div.profileInfo span { font-size: 11px; } div#menu { height: 20px; background: #444 url(/images/menu_bg.gif) top repeat-x; border: 1px solid #999; border-bottom: none; margin: 10px 0 0; position: relative; } div#menu .registration { font-size: 11px; font-weight: bold; color: #999; line-height: 19px; margin: 0 0 0 20px; } div#menu ul { list-style: none; margin: 0; padding: 0; } div#menu ul li { height: 20px; padding: 0 22px 0 3px; float: left; background: transparent url(/images/menu_bg_right.gif) right no-repeat; } div#menu ul li.keystone { padding: 0 8px 0 0; background: transparent; } div#menu ul li.keystoneCurrent { padding: 0 8px 0 0; background: #fff; } div#menu ul li a { font-size: 11px; font-weight: bold; color: #999; line-height: 19px; text-decoration: none; } div#menu ul li a:hover { color: #fff; } div#menu ul li.current { padding: 0 24px 0 2px; background: #fff url(/images/menu_bg_current_right.gif) right no-repeat; } div#menu ul li.current a { color: #000; text-decoration: none; } div#menu ul li.current a:hover { color: #999; text-decoration: underline; } div#menu ul li.leftOfCurrent { background: transparent url(/images/menu_bg_current_left.gif) right no-repeat; } div#menu ul li.special { padding: 0 10px 0 0; background: transparent; float: right; } div#menu ul li.special a { color: #ff6200; } div#menu ul li.special a:hover { color: #fff; } div#menuHeading { border: 1px solid #999; border-top: none; position: relative; } div#menuHeading .registration { padding: 6px 0 3px 0; } div#menuHeading .registration img { margin: 0 20px 0 0; } div.tabs { height: 22px; } div.tabs ul { list-style: none; margin: 0; padding: 0; } div.tabs ul li { height: 22px; padding: 0 24px 0 3px; float: left; background: #b8b8b8 url(/images/tab09.gif) right no-repeat; } div.tabs ul li.keystone { padding: 0 8px 0 0; background: #b8b8b8; } div.tabs ul li.keystoneCurrent { padding: 0 8px 0 0; background: #e3e3e3; } div.tabs ul li a { font-size: 11px; font-weight: bold; color: #555; line-height: 22px; text-decoration: none; } div.tabs ul li a:hover { color: #fff; } div.tabs ul li.current { padding: 0 24px 0 2px; background: #e3e3e3 url(/images/tab05.gif) right no-repeat; } div.tabs ul li.current a { color: #000; text-decoration: none; } div.tabs ul li.current a:hover, div.tabs ul li.endCurrent a:hover { color: #999; } div.tabs ul li.current a.noLink:hover, div.tabs ul li.endCurrent a.noLink:hover { color: #000; } div.tabs ul li.leftOfCurrent { background: #b8b8b8 url(/images/tab10.gif) right no-repeat; } div.tabs ul li.end { background: #b8b8b8 url(/images/tab11.gif) right no-repeat; } div.tabs ul li.endCurrent { background: #e3e3e3 url(/images/tab06.gif) right no-repeat; } td { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color:#000000; } div { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #000; } a { color: #ff6200; text-decoration: none; } a:hover { text-decoration: underline; } img { border: none; } a.project_list_link { color: #000; font-weight: bold; text-decoration: none; line-height: 30px; } a.project_list_link:hover { color: #999; } div.project_list_item { height: 30px; padding: 0 0 0 7px; color: #000; font-weight: bold; overflow: hidden; } div.project_list_item_selected { height: 30px; padding: 0 0 0 7px; color: #ff6200; font-weight: bold; line-height: 30px; overflow: hidden; } div.project_list_bullet { width: 18px; padding: 12px 0 0 0; text-align: right; float: left; } div.spacer { width: 100%; height: 10px; background: #e3e3e3; overflow: hidden; } div.filler { width: 100%; height: 10px; overflow: hidden; } div.line { width: 100%; height: 1px; background: #e3e3e3; overflow: hidden; } /* Home page */ div#home { width: 100%; text-align: center; } div#home div.content { width: 760px; height: 406px; margin: 0 auto; text-align: left; background: url(/images/bg_home.gif); } div#home div.content div.primary { width: 523px; height: 360px; float: left; } div#home div.content div.primary div.buttons { margin: 0 0 0 15px; padding: 20px 0 0; } div#home div.content div.primary div.buttons input { display: inline; } div#home div.content div.featureBox { width: 205px; margin: 0 0 0 528px; padding: 26px 0 0 0; } div#home div.content div.featureBox div.tabs { height: 14px; background: url(/images/tab04.gif) right no-repeat; display: inline-block; zoom: 1; *display: inline; } div#home div.content div.featureBox div.tabs div { margin: 0 14px 0 0; background: #fff; padding: 0 3px 0 5px; font-size: 10px; font-weight: bold; display: inline-block; line-height: 14px; zoom: 1; *display: inline; } div#home div.content div.acknowledgement { clear: both; margin: 0 0 0 15px; } div#home div.content div.acknowledgement span{ color: #fff; font-weight: bold; } div#home div.newsBox { padding: 0 0 10px 0; background: url(/images/bg_home_news.gif) -528px -39px no-repeat; } div#home div.newsBox div.article { color: #fff; margin: 0 8px 0 8px; } div#home div.newsBox div.footer { margin: 0 10px 0 10px; } div#home div.newsBox div.moreNews { background: url(/images/arrow_triangle_right_yellow.gif) bottom left no-repeat; } div#home div.newsBox div.moreNews a { color: #ffd500; font-weight: bold; text-decoration: none; } div#home div.newsBox a { color: #fff; text-decoration: underline; } div#home div.newsBox a:hover { color: #ffd500; } div#home div.newsBox .title { color: #fff; } div#home div.newsBox h1 { font-size: 14px; margin-top: 0; } div.newsBox { padding: 0; } div.newsBox div.article { margin: 0 10px 0 10px; padding: 10px 0 0 0; } div.newsBox div.footer { text-align: right; margin: 0 10px 0 10px; padding: 10px 0 0 0; } div.newsBox div.moreNews { float: right; text-align: left; padding: 0 0 0 10px; margin: 0; line-height: 10px; background: url(/images/arrow_triangle_right.gif) bottom left no-repeat; } div.newsBox div.moreNews a { font-weight: bold; } div.newsBox div.article .title { font-weight: bold; color: #000; display: block; } div.newsBox a { text-decoration: none; } div.newsBox a:hover { text-decoration: underline; } div#footer { position: absolute; width: 100%; line-height: 28px; text-align: center; } h2 { font-size: 14px; font-weight: bold; padding: 10px 0 10px 0; margin: 0; } h3, .boldItalic { font-weight: bold; font-style: italic; } h4 { font-size: 12px; font-weight: bold; margin: 0; } ul { list-style-image: url(/images/list_bullet.gif); margin: 10px 0 0 20px; padding-left: 0px; } ol { font-weight: bold; margin: 0 0 0 20px; padding: 10px 0 0 0; } ol li { font-size: 12px; font-weight: bold; margin: 0 0 0 2px; padding: 0 0 10px 0; } ol li span { font-weight: normal; } #project_list ul li { font-size: 11px; } .notice { color: #FF6200; font-size: 10px; font-style: italic; } .noticeText { font-size: 10px; font-style: italic; } form { margin: 0; } input { font-family: Arial, Helvetica, sans-serif; background: transparent; padding-left:2px; padding-top:2px; color: #000000; font-size:11px; border:1px solid #8597BB; } select { font-family: Arial, Helvetica, sans-serif; background: #fff; padding-left:2px; padding-top:2px; color: #000000; font-size:11px; border:1px solid #8597BB; } div#submitButton { display: block; } div#submitProcessing { display: none; } /*Planetsoft*/ input.log_j { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; padding-left:2px; padding-top:2px; margin-bottom: 5px; color: #000000; font-size:10px; border:1px solid #8597BB; width: 135px !important; } /*end*/ a.BlackLink { font-size:11px;color: #000000;} .radioButton {font-family: Arial, Helvetica, sans-serif; background: #FFFFFF; border: 0px;} .radioButtonGrey {font-family: Arial, Helvetica, sans-serif; background: #F3F3F3; border: 0px;} .checkbox { border: none;} .checkBoxGrey { background: #F3F3F3; border: 0px;} .checkBoxOrange { background: #FFBB66; border: 0px;} .radioButton, .selectList, .radioButtonGrey, .checkBox, .checkBoxGrey {vertical-align: middle;} .copy, .tabNews {font-family: Verdana, Arial, Helvetica, sans-serif;} .copy {font-size: 9px;} .tabNews {font-size: 10px;} .menu, .menuBG, .menuWhite, .tabMenu, .tabMenuSelected, .titleBlack, .textBlack, .titleBlackPadding, .textBlackPaddingSmall, .selectGiving, .titleErrorUserInfo, .note, .textAdvanced, .noteRed, .optional, .linkNote, .noteBlackPadding {font-size: 11px;} .optional1 {font-size: 10px; color: #FF6200; font-style:italic; } .news, .newsTitle, .errorTitlePickProject, .errorPickProject, .linkErrorPickProject {font-size: 13px;} .noteGrey, .noteBlack{font-size: 11px;} .noteBlack{color:#555555;} .linkSetup, .textSetup, .textSetupBold, .textPopup, .titlePopup, .textPopupBold {font-size: 14px;} .titleHome { font-size: 42px; font-weight: bolder; line-height: 45px; } .menu, .menuBG, .titleWhite, .titleBlack, .buttonSubmit, .textSetupBold, .menuWhite, .newsTitle, .tabMenu, .tabMenuSelected, .errorTitle, .titleBlackPadding, .textAdvanced, .titlePopup, .textPopupBold, .menuAboutusPadding, .textBlackBold, .titleErrorUserInfo, .errorTitlePickProject, .textBold {font-weight: bold;} .menu, .menuBG, .menuWhite {text-align:center;} .textBlackPadding, .titleBlackPadding, .noteBlackPadding, .textGreyPadding {padding-left: 10px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;} .textAboutusPadding {padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px;} .menuAboutusPadding {padding-left: 7px; line-height: 30px} .menuAboutusPaddingOrange {padding-left: 7px; line-height: 30px; color:#FF6200;font-weight: bold;} .menuAboutusPaddingOrangeNew {padding-left: 7px; line-height: 30px; color:#FF6200;font-weight: bold;} .textOrange {color:#FF6200;} .textOrangeBold {color:#FF6200;font-weight: bold;font-size:13px;} .textBlackPaddingSmall {padding-left: 10px;} .textBlackBold, .textStatsGR, .textStats {padding-left: 10px; padding-top: 5px;} .textPopup {padding-left: 8px; padding-right: 8px; padding-top: 10px;} .textGivingPadding {padding-left: 30px; padding-right: 30px; padding-top: 25px; padding-bottom: 25px;} .errorPickProject {padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px;} .noteGiving {padding-left: 20px;} .note, .noteCreateAccount {color: #333333;} .menuBG, .menuWhite:hover, .menu:hover, .noteGrey, .menuAboutusPadding:hover, .textGreyPadding {color: #999999;} .menu, .buttonSubmit, .menuAboutusPadding {color: #000000;} .titleWhite, .menuWhite, .menuBG:hover, .titleHome, .textWhite, .tabMenu:hover {color: #FFFFFF;} .link, .optional, .linkSetup, .errorTitle, .noteRed, .noteRed:hover, .textAdvanced, .titlePopup, .textStatsGR, .titleErrorUserInfo, .linkNote, .errorTitlePickProject, .linkErrorPickProject {color: #FF6200;} .copy, .copyLink {color: #787878;} .tabMenu {color: #555555; cursor: pointer;} .tabMenuSelected {color: #000000;} .menu, .menuBG, .link, .copyLink, .linkSetup, .copyLink:hover, .menuBG:hover, .menuWhite, .tabMenu:hover, .tabMenu, .noteRed, .menuAboutusPadding, .linkNote, .linkErrorPickProject {text-decoration: none;} .link:hover, .copyLink, .linkSetup:hover, .noteRed:hover, .linkNote:hover, .linkErrorPickProject:hover {text-decoration: underline} .note, .optional, .noteGrey, .noteBlack, .noteRed, .noteGiving {font-style:italic;} .inputAccKey, .inputCardHolders {width: 200px;} .inputLong {width: 355px;} .inputMiddle {width: 165px; } .inputPass {width: 200px;} .inputAmount {width: 100px;} .inputSmall {width: 105px;} .inputGiving {width: 215px;} .inputLong, .inputMiddle, .inputPass, .inputSmall, .inputAccKey, .selectGiving, .inputCardHolders, .inputGiving, .inputAmount {height: 17px;} .padding_left_right{ color: #000000; padding-left:10px; padding-right:10px; font-size: 11px; font-style:italic; } .padding_tlc{ color:#FF6200; font-weight:bold; padding-left:10px; padding-top:10px; } .textorangebold{ font-family:Arial; font-size:14px; font-weight:bold; color:#FF6200; } .linkorangebold{ font-family:Arial; font-size:12px; font-weight:bold; color:#FF6200; text-decoration: NONE; } .personalinformation { font-size: 11px; color: #555555; font-style:italic; } td.menuAboutusPaddingM { font-family:Tahoma,Arial; font-weight: bold; color: #000000; font-size: 10px; padding: 2px 2px 2px 2px; text-decoration: none; } td.browsemenu, td.menuAboutusPaddingOrange, td.menuAboutusPadding { border-bottom:1px solid #E3E3E3; }