/* CSS Document */ /*Build base layer and body background*/ #sdBase {position:relative; z-index:0; top:20px; width:954px; background:URL(../images/bg_body.jpg) repeat-y;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;} #sdBase a {color:#006699; text-decoration:underline;} #sdBase a:hover {color:#0576af; text-decoration:none;} img {border:none;} input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px;} /*Persisent Header/Nav/Search/Login Style*/ #sdHead {position:relative; width:954px; height:175px; background:URL(../images/bg_top.jpg) no-repeat; z-index:2;} #sdHead2 {position:relative; width:954px; height:175px; z-index:3;} #sdHead_BG {position:absolute; width:954px; height:175px; top:0; left:0; background:URL(../images/bg_top2.jpg) no-repeat; z-index:1;} #headError {position:absolute; top:2px; left:-173px; color:#ff0000; padding-right:11px; background:URL(../images/aro_error.jpg) right 2px no-repeat;} /*NAV*/ /*Navigation styles*/ #navWrap {position:absolute; top:56px; left:298px; z-index:10;} /*begin sub navigation menu styles*/ #sdNav, #sdNav ul {padding: 0; margin: 0; list-style: none;line-height: 1;} #sdNav {margin:0; display: block;} /* float all items in menu left */ #sdNav li {float: left;position:relative;text-align:center;} #sdNav li.sdtopHover a{ color:#7299b1;margin-bottom:1px;} #sdNav li.sdtopHover {cursor:pointer;border-bottom:4px #c7c7c7 solid;} /*tier 2 menu items*/ #sdNav li ul {position: absolute;border-left:1px #939393 solid;border-right:1px #939393 solid;border-bottom:1px #939393 solid;left: -999em; /*using left instead of display to hide menus because display: none isn't read by screen readers*/ } #sdNav li ul li {width:100%;text-align:left;border-bottom:1px #d4d4d4 solid;cursor:pointer; background:#eff2f3; height:24px;} /*Hover effect*/ #sdNav li ul li:hover {font-weight:bold;color:#669900; background:#fff URL(../images/aro_topNav.jpg) 0 2px no-repeat; height:24px;} /*Hover effect for IE*/ #sdNav li ul li.subHover {font-weight:bold;color:#669900; background:#fff;} /*ie6 gets these*/ #sdNav li ul li a {width:291px;font-size:12px; font-weight:bold;color:#5c5c5c; text-decoration:none; position:relative; padding:6px 0 6px 46px;} #sdNav li ul li a:hover { width:291px;font-weight:bold;color:#669900; position:relative;background:#fff URL(../images/aro_topNav.jpg) 0 2px no-repeat; padding:6px 0 6px 46px;} #sdNav li:hover ul, #sdNav li.subAction ul {/*lists nested under hovered list items*/ position:absolute;left: 0px;top:52px;} #n1 {width:115px; height:52px;} #n1 a {display:block; width:115px; height:52px; background:URL(../images/bg_nav.jpg) no-repeat;} #n1 a:hover {background-position:0 -52px;} #n2 {width:337px; height:52px;} #n2 a {display:block; width:337px; height:52px; background:URL(../images/bg_nav.jpg) -115px 0 no-repeat;} #n2 a:hover {background-position:-115px -52px;} #n2 ul li.sdSubs {width:337px; height:24px;} #n2 ul li.subHover {width:337px; height:24px;} #n2 ul li.sdSubs a.subLink {background:none; height:12px; position:relative;} #n2 ul li.subHover a.subLink { background:#fff;} #n3 {width:178px; height:52px;} #n3 a {display:block; width:178px; height:52px; background:URL(../images/bg_nav.jpg) -452px 0 no-repeat;} #n3 a:hover {background-position:-452px -52px;} #n3 ul li.sdSubs {width:178px; height:24px;} #n3 ul li.subHover {width:178px; height:24px;} #n3 ul li.sdSubs a.subLink {background:none; height:12px;} #n3 ul li.subHover a.subLink { background:#fff; height:12px;} /*lightbox styles*/ #dimStage {position:relative;} #dimClose {position:absolute; top:4px; right:8px; font-size:11px; color:#fff; z-index:5;} .loading {font-size:14px; font-weight:bold; color:#ccd3dc;} /*Login box styles*/ #loginBase {width:386px; height:227px; background:#7ca00e; border:#cccccc 1px solid; position:relative; font-family:Arial, Helvetica, sans-serif;} #loginStage {position:relative;background:#ccff99; height:194px; margin:22px 11px 11px 11px; font-size:14px; color:#333;} #loginLogging {position:relative;background:#fff; height:194px; margin:22px 11px 11px 11px;} #loginStage a {color:#006699;} #loginStage a:hover {text-decoration:none;} #login1 {font-weight:bold; position:absolute; top:30px; left:32px;} #login1 a {font-size:14px; font-weight:bold;} #login_fields {position:absolute; top:58px; left:32px;} #login_fields label {font-size:14px; padding:0; margin:2px 0 0 0; width:77px; float:left;} #login_fields input {font-size:12px; color:#323232; padding:0; margin:0; float:left;} #passwordBlock {margin:12px 0 0 0;} #loginForgot {font-size:12px; margin:22px 0 0 0;} a.loginGo2 {display:block; width:40px; height:40px; position:absolute; top:79px; left:255px; background:URL(../images/btn_loginGo2.jpg) no-repeat;} a.loginGo2:hover {background-position:0 -40px;} #loginErr {position:absolute; top:8px; left:32px; font-size:11px; color:#ff0000;} /*Style search box*/ #searchBlock {position:absolute; top:-34px; right:0px; width:370px; overflow:hidden; z-index:1;} #searchBlock div.inputWrap {float:left; border-top:1px #989898 solid;border-right:1px #989898 solid;border-left:1px #989898 solid;border-bottom:1px #989898 solid; background:#fff URL(../images/home/bg_input.jpg) repeat-x; width:126px; margin:0; padding:0;} #searchBlock .inputWrap input {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#7f7f7f; width:126px;height:15px; margin:2px 0 0 0px; background:none; border:none; } a.searchGo {float:left;display:block; height:21px; width:38px; background:URL(../images/searchGo.jpg) 0px 0px;} a.searchGo:hover {background-position:0px 21px;} /*Persistent Login Block*/ #head_L2 {position:absolute; top:10px; left:489px; width:435px;} #head_L2 label {floaat:left; font-size:13px; margin:0 4px 0 0; padding:0; font-weight:normal; position:relative;} #head_L2 input {floaat:left; font-size:11px; margin:0 14px 0 0; height:14px; width:115px; padding:0; color:#323232;} a.loginGo {display:block; width:40px; height:40px; position:absolute; top:0px; right:-3px; background:URL(../images/btn_loginGo.jpg) no-repeat;} a.loginGo:hover {background-position:0 -40px;} #login_L2 {position:absolute; top:25px; right:40px; font-size:11px;} /*Persistent footer styles*/ #sdFoot {position:relative; width:954px; height:111px; background:URL(../images/bg_bot.jpg) no-repeat;} #sdFoot2 {position:relative; width:954px; height:111px; background:URL(../images/bg_bot2.jpg) no-repeat;} #aboutLinks {position:absolute; bottom:16px; left:22px;} a.aboutDE {display:block; float:left; width:233px; height:16px; background:URL(../images/btn_aboutDE.jpg) no-repeat;} a.aboutDE:hover {background-position:0 -16px;} a.aboutSiemens {display:block; float:left; margin-left:16px; width:130px; height:16px; background:URL(../images/btn_aboutSiemens.jpg) no-repeat;} a.aboutSiemens:hover {background-position:0 -16px;} a.aboutChange {display:block; float:left; position:relative; top:-1px; margin-left:16px; width:340px; height:16px; background:URL(../images/btn_aboutChange.jpg) no-repeat;} a.aboutChange:hover {background-position:0 -16px;} a.logo_de {position:absolute; bottom:4px; right:24px; height:40px; width:62px; background:url(../images/logo_DE.jpg) no-repeat;} a.logo_siemens {position:absolute; bottom:4px; right:92px; height:37px; width:86px; background:url(../images/btn_siemens_logo.jpg) no-repeat;} /*a.logo_de:hover {background-position:0 -40px;}*/ /*Home Page Styles*/ #sdStage {/*height:100%;*/ overflow:hidden; margin:0 0 0 56px; z-index:5;} /*Home Left Column*/ #homeLeft {float:left; width:486px;} #homeLeft h1 {margin:0 0 17px 0; padding:0; font-size:24px; font-weight:bold; color:#7ca00e;} #homeBox {background: URL(../images/boxHome_bg.jpg) repeat-y; width:486px; margin:19px 0 0 0;} #homeBox_L1 {margin:0 0 0 24px; width:440px;} #homeBox_3img {margin:12px 0 21px 0;} #homeList1 {float:left; padding:0 0 0 16px;} #homeList2 {float:left; padding:0 0 0 6px;} #homeList3 {float:left; padding:0 0 47px 8px;} h5 {font-size:14px; font-weight:bold; color:#663366; margin:0 0 0 0; padding:0 0 0 16px;} ul.homeList {list-style-type:none; /*width:146px;*/ margin:0; padding:0;} ul.homeList li {background: URL(../images/aro_boxHome.jpg) 0 2px no-repeat; padding:0 0 0 18px; margin:15px 0 0 0;} ul.homeList li a {font-size:11px;} /*Home Right Column*/ #homeRight {float:left; margin:0 0 0 17px;} #greenactivities {position:relative; margin:0 0 12px 0; background: URL(../images/Green_Banner.jpg) no-repeat; width:339px; height:155px; display:block; text-indent:-9999px;} #home_Callout div {position:absolute; top:14px; left:14px; width:160px; line-height:17px;} /*Activity Page Styles*/ #actBase {background:URL(../images/bg_activity.jpg) repeat-y; width:895px; position:relative; margin:-14px 0 0 29px; z-index:2;} #act_bgTop {background:URL(../images/bg_activityTop.jpg) no-repeat; position:absolute; top:-14px; left:0px; display:block; height:28px; width:895px; z-index:1;} #act_bgBot {background:URL(../images/bg_activityBot.jpg) no-repeat; position:relative; bottom:-20px; display:block; height:45px; width:895px; z-index:4;} /*Right Column of Activities pages*/ #act_right {position:relative; width:670px; float:left; display:inline;/*ie double margins*/ margin:9px 0 0 26px; z-index:2; } #act_right h2 {font-size:18px; font-weight:bold; color:#7ca00e; margin:0 0 0px 0; padding:0;} #act_right h1 {font-size:24px; font-weight:bold; color:#996699; margin:0; padding:0; text-transform:uppercase;} #actContent {width:300px; font-size:12px; float:left;} #actContent h5 {font-size:14px; font-weight:bold; margin:20px 0 4px 0; padding:0;} #actContent ul {margin-top:0; padding-top:11px;} #actContent li {padding-bottom:4px;} #act_tier1 {position:relative;width:300px; height:68px; margin:10px 0 0px 0;} a.btn_dL {display:block; position:absolute; bottom:2px; left:134px; width:166px; height:32px; background:URL(../images/btn_dL.jpg) no-repeat;} a.btn_dL:hover {background-position:0 -32px;} /*Right side, player column*/ #actContentRight {width:342px; float:left; display:inline; margin:0 0 0 22px;} #feedbackBox {position:relative; width:339px; height:61px; background:URL(../images/act_rightBox.jpg) no-repeat;} a.btn_feedback {display:block; position:absolute; top:12px; left:12px; width:127px; height:38px; background:URL(../images/btn_feedback.jpg) no-repeat;} a.btn_feedback:hover {background-position:0 -38px;} a.btn_cert {display:block; position:absolute; top:9px; left:154px; width:176px; height:48px; background:URL(../images/btn_cert.jpg) no-repeat;} a.btn_cert:hover {background-position:0 -48px;} #actPlayer { margin:14px 0 0 0;} /*Activity Nav*/ /*alt ie style provided*/ #actNav {position:relative; left:-4px; top:15px; width:183px; background:URL(../images/actNav_bg.jpg) repeat-y; float:left; display:inline;/*ie double margins*/ z-index:5;} #actNav_top {position:absolute; top:-18px; height:30px; width:183px; background:URL(../images/actNav_top.jpg) no-repeat; z-index:1;} #actNav_bot {position:relative; bottom:0px; height:30px; width:183px; padding-bottom:6px; background:#efefef URL(../images/actNav_bot.jpg) no-repeat;} /*Left Hand Navigation Styles*/ #slider {width:169px; position:relative; z-index:8; top:-5px; left:7px;} .header {width:169px; padding:10px 0 10px 0; border-bottom:1px solid #ccc;border-top:1px solid #d4d3d3;cursor:pointer;background:#eee;color:#669900; font-size:14px; font-weight:bold;text-transform:uppercase;} .header:hover {background:#eee;} .content {overflow:hidden; background:#fff;} #one-header {padding:4px 0 10px 0;border-top:none; z-index:8;} #slider ul, li {padding:0; margin:0; list-style-type:none;} #slider ul {width:164px; margin:0 0 14px 0;} #slider li {padding:0 0 0 11px; margin:16px 0 6px 8px; background:URL(../images/aro_leftNav.jpg) 0 3px no-repeat;} #slider li a.selected {color:#996699; cursor:default; text-decoration:none; font-weight:bold;} #slider li a.selected:hover {color:#996699;} /*Sweepstakes Pages*/ #sweepBase {position:relative;} #sweepBase h2 {font-size:24px; font-weight:normal; color:#7ca00e; margin:0; padding:0;} #sweepL1 {margin:13px 0 0 17px;} #sweepL1 h3 {font-size:18px; font-weight:bold; color:#996699; margin:0; padding:0;} #sweepL2 {border-top:1px #ccc solid; margin:4px 0 0 0; width:804px; position:relative;} #sweepBox1 {background:URL(../images/enterBox_bg.jpg); width:495px; position:relative; float:left; margin:15px 0 0 0; display:inline;/*ie double margin fix*/} #sweepBox1 h3 {font-size:18px; font-weight:bold; color:#669900; margin:16px 0 6px 24px;} #sweepBox1 p {margin:0 0 0 24px; padding:0; width:462px;} li.enter { list-style-type:disc; padding:0 0 10px 0;} #sweepBox2 {background:URL(../images/sweep_box2.jpg); width:292px; height:350px; position:relative; float:left; margin:15px 0 0 16px; display:inline;/*ie double margin fix*/} #sweepBox2 h3 {font-size:18px; font-weight:bold; color:#000; margin:21px 0 6px 17px;} #sweepBox2 p {margin:0 0 0 17px; padding:0; width:262px;} a.btn_enter {display:block; margin:26px 0 0 135px; width:228px; height:34px; background:URL(../images/btn_enterNow.jpg) no-repeat;} a.btn_enter:hover {background-position:0 -34px;} a.btn_rules {display:block; position:absolute; top:42px; left:648px; width:173px; height:24px; background:URL(../images/btn_rules.jpg) no-repeat;} a.btn_rules:hover {background-position:0 -24px;} /*Lightbox Styles*/ /*#shade {position: absolute; top:0px; left:0px; z-index:999; background-color: #000; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} */ /*Register Form*/ #sdRegister {float:left; width:800px;} #sdRegister h1 {margin:0 0 17px 0; padding:0; font-size:24px; font-weight:bold; color:#7ca00e;} #sdRegister h2 {font-size:24px; font-weight:bold; color:#996699; margin:0; padding:0;} #sdRegisterForm {margin:25px 0 0 220px;} #sdRegisterForm3 {margin:25px 0 0 200px;} #tier1 div {overflow:hidden; height:100%; margin-bottom:8px; position:relative; width:680px;} #tier3 div {overflow:hidden; height:100%; margin-bottom:8px; position:relative; width:680px;} #tier1 label {width:144px; display:block; float:left;} #tier1 input {display:block; float:left;} #tier3 label {width:200px; display:block; float:left;} #tier3 input {display:block; float:left;} #strAreaPhone {margin-right:3px;} #strPrePhone {margin-right:3px;} #sdRegisterForm select {display:block; float:left;} #tblErrMessageTable{border:1px solid red;color:#FF0000;padding:5px;} /*Feedback box styles*/ #feedBase {width:386px; height:420px; background:#7ca00e; border:#cccccc 1px solid; position:relative; font-family:Arial, Helvetica, sans-serif;} #feedStage {position:relative;background:#ccff99; height:382px; margin:22px 11px 11px 11px; font-size:12px; color:#333;} #feedWrap {padding:20px 24px 0 24px;font-size:12px;} #feedWrap h1 {padding:0; margin:0 0 8px 0; color:#7ca00e; font-size:16px; text-transform:uppercase;} #feedWrap span.err {font-size:11px; color:#763366;display:block;} #feedWrap p {padding:0; margin:0 0 10px 0;} /*RULES page*/ #rulesBase {position:relative; width:840px;} #rules1 {font-size:16px; font-weight:bold;} #rulesBase li { list-style-type:decimal;} /*MDR Registration Pop-up*/ #mdrBase {width:893px; height:718px; background:#7ca00e; border:#cccccc 1px solid; position:relative; font-family:Arial, Helvetica, sans-serif;} #mdrStage {position:relative;height:681px; margin:22px 11px 11px 11px; background:#fff; font-size:12px; color:#333;} #mdrStage h1 {font-size:24px; font-weight:bold; color:#669900; margin:0 0 15px 0; padding:0;} #mdrStage h2 {font-size:18px; font-weight:bold; color:#996699; margin:0 0 6px 0; width:800px; border-bottom:1px #ccc solid; padding:0;} #mdrWrap {padding:33px 0 0 31px;} #mdrWrap2 {padding:16px 0 0 18px;} #mdrWrap2 label {width:88px; float:left; text-align:right; padding:3px 5px 0 0; display:inline;} #mdrWrap2 select {float:left; padding:0 0 0 4px; font-size:11px;} #mdrWrap2 select {float:left; padding:0 0 0 4px;} tr.resHead {background:#666; font-weight:bold; color:#fff; font-size:12px; height:20px; vertical-align:middle;} tr.resHead td {border-left:1px #d8d8d7 solid;} #tableWrap td {border-left:1px #d8d8d7 solid;} #mdrWrap3 { margin:14px 0 0 38px;} #mdrWrap3 label {width:128px; float:left; text-align:right; padding:3px 5px 0 0; display:inline;} /*Validation styles G.aeillo*/ .invalid { background:URL(../images/not_ok.gif) no-repeat; padding-left:22px; font-size:16px; color:#000; height:30px; width:150px; float:left; /*position:absolute; top:0px; right:-224px;*/ z-index:10; } #tier1 span.invalid { background:URL(../images/not_ok.gif) no-repeat; padding-left:22px; font-size:16px; color:#000; height:30px; width:150px; float:left; vertical-align:bottom; /*position:absolute; top:0px; right:-40px;*/ z-index:10; } .valid { display:inline-block; background:URL(../images/ok.gif) no-repeat; padding-left:22px; height:23px; width:20px; vertical-align:bottom; position:absolute; top:1px; right:4px; } /*011208 UPDATES:::::::::::::::::::::::::::::::::::::::::::::::::*/ /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*new difficulty box*/ #difficulty {background:url(/images/bg_difficulty.jpg) no-repeat; height:99px; width:339px; position:relative; z-index:6; top:-92px; font-size:11px;} #difficulty p {display:block; margin:0; padding:10px 8px 8px 8px; line-height:14px;} #difficulty b.bl {color:#3d92ab; font-size:14px; font-weight:bold;} #difficulty b.pu {color:#996699; font-size:14px; font-weight:bold;} #difficulty span { display:block; margin-bottom:4px;} a.send2friend {display:block; position:absolute; top:16px; left:304px; z-index:3; height:27px; width:152px; background:url(/images/btn_send_to_friend.jpg) -304px 0px no-repeat;} a.send2friend:hover {background-position:-152px 0;} a.send2friend:active {background-position:0 0;} /*020509 UPDATES:::::::::::::::::::::::::::::::::::::::::::::::::*/ /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*020509 :: Widget Styles */ #widgetBase {width:418px; height:268px; background:#7ca00e; border:#cccccc 1px solid; position:relative; font-family:Arial, Helvetica, sans-serif;} #widgetStage {position:relative;background:#ccff99; height:230px; margin:22px 11px 11px 11px; font-size:12px; color:#333;} #widget {position:relative; height:101px; width:342px; background:url(../images/bg_widget.jpg) no-repeat;font-size:12px; font-weight:bold; padding-top:4px; margin-top:30px;} #widget span.line_top {position:absolute; top:0px; left:8px; color:#663366;} #widget span.line_btm {position:absolute; top:48px; left:10px; color:#4a4949;} .widgetWrap span.sub {font-size:10px; display:block; padding:0 0 0 18px;} .widgetWrap a {color:#663366;} a.large {font-size:14px; font-weight:bold; color:#663366; position:relative; top:-3px;} a.large:hover {text-decoration:none;} a.widget_y {display:block; width:188px; height:21px; background:url(../images/btn_Y_widget.jpg) no-repeat;} a.widget_y:hover {background-position:0 -21px;} div.install {font-size:11px; padding-top:14px;} /*used globally*/ .clear {clear:both;} p.gap {display:block; height:18px;} object {outline:none;} /*082709 UPDATES:::::::::::::::::::::::::::::::::::::::::::::::::*/ /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /* HOMEPAGE TABS */ #homeBox-tabs{ width:445px; float:left; } #hometabs { padding:0; margin:0; list-style: none; position:relative; float:left; } #hometabs li { float: left; display:inline; } #hometabs li a{ display:block; } #homeFlip{ padding:0 20px 0 21px; width:445px; float:left; } #earth_flip, #life_flip, #physical_flip { width:441px; border-left:solid 2px #cccccc; border-right:solid 2px #cccccc; background-color:#fff; } #earth_flip img, #life_flip img, #physical_flip img { border:solid 2px #ececec; } #hometabs li#tab-earth{ width:148px; height:35px; background-image:url(../images/tab-earth-active.gif); background-repeat:no-repeat; } #hometabs li#tab-life{ width:148px; height:35px; background-image:url(../images/tab-life-inactive.gif); background-repeat:no-repeat; } #hometabs li#tab-physical{ width:149px; height:35px; background-image:url(../images/tab-physical-inactive.gif); background-repeat:no-repeat; } #hometabs li#tab-earth a:hover{ background-image:url(../images/tab-earth-active.gif); } #hometabs li#tab-life a:hover{ background-image:url(../images/tab-life-active.gif); } #hometabs li#tab-physical a:hover{ background-image:url(../images/tab-physical-active.gif); } .leftcol{ width:201px; float:left; padding:0 0 0 20px; } .rightcol{ width:200px; float:left; padding:0 20px 0 0; }