@charset "UTF-8"; /* general */ *, body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } body { background-color:#777; word-wrap: break-word; } p, a, span, td { font-size:1em; font-family:inherit; } a { text-decoration:none; color:#d1e49f; font-size:1em; } a:hover, a:active { text-decoration:none; color:#fff799; } span.regmark { font-size:0.8em; } .clear { clear:both; } .error { color:#be6210; } .textalign { vertical-align:text-top; *vertical-align:middle; } /* wrapper */ #wrapper { width:970px; margin:0 auto; } /* wrapper for simple popups */ #wrapper-simple { width:auto; margin:0 auto; padding:10px 0; text-align:center; } #wrapper-simple table { margin:0 auto; } #wrapper-simple h1 { color:#fff; font-size:0.95em; font-weight:normal; padding:10px; } #wrapper-simple p { padding-top:10px; } #wrapper-simple p a { font-size:0.9em; } #wrapper-simple td.emoticons img { padding:4px; } /* header */ #header { height:87px; position:relative; } /* header: logo */ #logo h1 { float:left; width:213px; margin-top:29px; } /* header: copy */ #copy p { float:left; width:395px; height:0; background:url(/images/header_copy.gif) top left no-repeat; padding-top:19px; overflow:hidden; margin:59px 0 0 8px; } /* header: login-box */ #login-box-index { width:214px; float:right; text-align:left; margin-top:14px; padding-bottom:6px; } #login-box { width:235px; float:right; text-align:left; margin-top:14px; padding-bottom:6px; } #login-box-index form, #login-box form { padding-top:8px; } #login-box-index p, #login-box p { overflow:hidden; } #login-box-index img, #login-box img { float:left; } /* login-box: before login*/ #login-box-index span.username, #login-box-index span.password, #login-box span.username, #login-box span.password { float:left; width:148px; display:block; background-color:#fff; color:#666; font-size:0.95em; padding:1px; margin-right:6px; margin-bottom:6px; } #login-box-index .register, #login-box .register { clear:both; } #login-box-index .register a, #login-box .register a { font-size:0.9em; text-decoration:none; } #login-box-index .register a:hover, #login-box-index .register a:active, #login-box .register a:hover, #login-box .register a:active { text-decoration:none; } #login-box-index .username, #login-box-index .password, #login-box input.username, #login-box input.password { width:150px; font-size:0.95em; border:none; padding:1px; float:left; margin-right:6px; margin-bottom:6px; color:#666; } /* login-box: after login */ #login-box-index .avatar { float:left; width:45px; } #login-box-index .info { float:right; width:159px; } #login-box-index .name { color:#ddd; font-size:0.95em; padding-left:1px; } #login-box-index .tetrapoint { height:18px; background:url(/images/icon_tetrapoint.gif) top left no-repeat; padding-left:24px; font-size:0.9em; line-height:20px; color:#ddd; margin-top:4px; } #login-box-index .tetrapoint a { font-size:1em; text-decoration:underline; } #login-box-index .tetrapoint .divider { color:#898989; text-decoration:none; } #login-box-index .account { margin-top:6px; padding-left:1px; overflow:hidden; } #login-box-index .profile { font-size:0.9em; color:#d1e49f; vertical-align:text-top; } #login-box-index .logout { font-size:0.9em; color:#d1e49f; vertical-align:text-top; } #login-box-index .profile a, #login-box-index .logout a { text-decoration:underline; } #login-box .avatar { float:left; width:45px; } #login-box .info { float:right; width:178px; } #login-box .name { color:#ddd; font-size:0.95em; padding-left:1px; } #login-box .tetrapoint { height:18px; background:url(/images/icon_tetrapoint.gif) top left no-repeat; padding-left:24px; font-size:0.9em; line-height:20px; color:#ddd; margin-top:4px; } #login-box .tetrapoint a { font-size:1em; text-decoration:underline; } #login-box .tetrapoint .divider { color:#898989; } #login-box .account { margin-top:6px; padding-left:1px; overflow:hidden; } #login-box .profile { font-size:0.9em; color:#d1e49f; vertical-align:text-top; } #login-box .logout { font-size:0.9em; color:#d1e49f; vertical-align:text-top; } #login-box .account a, #login-box .logout a { font-size:1em; text-decoration:underline; } /* header: menu */ #menu { float:left; clear:both; border-top:1px solid #444; border-bottom:1px solid #444; padding-top:5px; padding-bottom:4px; overflow:hidden; width:970px; } #menu ul { list-style:none; } #menu ul li { float:left; font-family:Helvetica, Arial, sans-serif; background: url(/images/menu_divider.gif) center right no-repeat; padding-right:12px; margin-right:10px; } #menu ul li.last { float:left; background:none; } #menu ul li a { font-size:0.95em; text-decoration:none; color:#222222; } #menu ul li a.selected { color:#d1e49f; } #menu ul li a.on, #menu ul li a:hover, #menu ul li a:hover .on { color:#d1e49f; } /* content */ /* index */ #index { clear:both; float:left; width:970px; overflow:hidden; margin-top:10px; background: url(/images/content_index_bg.gif) bottom left repeat-y; overflow:hidden; } /* index: product tour */ #index .product-tour { float:left; width:350px; height:400px; } /* index: forum */ #index .forum { float:right; width:610px; } /* index: forum: discussion */ #index .forum .discussion { float:left; width:395px; } #index .forum .discussion h1 { float:left; width:395px; height:0px; background: url(/images/forum_header_discussion.gif) 0 0 no-repeat; padding-top:30px; overflow:hidden; margin-bottom:14px; } #index .forum .discussion .post { clear:both; margin-right:30px; margin-left:12px; border-bottom:1px solid #333; padding-bottom:11px; margin-bottom:12px; } #index .forum .discussion .last { border-bottom:none; } .post p.title { font-family:Helvetica, Arial, sans-serif; font-size:1.2em; } .post p.title a { color:#fff; text-decoration:none; } .post p.title a:hover, .post p.title a:active { color:#fff799; text-decoration:none; } .post p.description { color:#d0d0d0; font-size:0.95em; padding-top:6px; line-height:17px; } .post p.description .more-link { background:url(/images/icon_more.gif) center right no-repeat; } .post p.description .more-link a { text-decoration:none; padding-right:6px; font-size:0.95em; } .post p.postedby { color:#999; font-size:0.9em; padding-top:7px; } .post p.postedby a { font-size:1em; text-decoration:none; } .post p.postedby .username { color:#d1e49f; font-weight:normal; } .post p.date { color:#999; font-size:0.9em; overflow:hidden; padding-top:4px; } /* index: forum: categories */ #index .forum .categories { float:right; width:215px; height:136px; } #index .forum .categories h1 { float:left; width:215px; height:0px; background: url(/images/forum_header_categories.gif) 0 0 no-repeat; padding-top:30px; overflow:hidden; } #index .forum .categories ul { clear:both; padding-top:8px; list-style:none; } #index .forum .categories ul li { background: url(/images/icon_catlist.gif) 0 4px no-repeat; margin-left:10px; padding-left:10px; line-height:20px;} #index .forum .categories ul li a { color:#ebebeb; text-decoration:none; font-size:0.95em; } #index .forum .categories ul li a:hover, #index .forum .categories ul li a:active { color:#fff799; text-decoration:none; } /* index: forum: members */ #index .forum .members { clear:right; float:right; width:215px; } #index .forum .members h1 { float:left; width:215px; height:0px; background: url(/images/forum_header_members.gif) 0 0 no-repeat; padding-top:30px; overflow:hidden; margin-bottom:10px; } #index .forum .members .member { clear:both; padding:0 11px; margin-bottom:18px; overflow:hidden; } .member p.avatar { float:left; padding-right:10px; margin-top:2px; } .member p.name { font-size:0.95em; color:#fff; } .member p.name a { text-decoration:none; font-size:1em; } .member p.occupation { color:#e1e1e1; font-size:0.95em; } .member p.research { color:#aaa; font-size:0.95em; } /* index: forum: register */ #index .forum .avatars { clear:right; float:right; width:215px; } #index .forum .avatars h1 { float:left; width:215px; height:0px; background: url(/images/header_custom_avatars.gif) 0 0 no-repeat; padding-top:30px; overflow:hidden; margin-bottom:10px; } .avatars p.avatar { float:left; padding-right:10px; margin-top:2px; } .avatars p.name { font-size:0.95em; color:#fff; } .avatars p.name a { text-decoration:none; font-size:1em; } .avatars p.occupation { color:#e1e1e1; font-size:0.95em; } /* touts */ #touts { clear:both; float:left; overflow:hidden; width:970px; background: url(/images/tout_bg.gif) top left repeat-x; margin-top:10px; } #touts .quiz, #touts .sweepstakes, /* #touts .photogallery, */ #touts .tetrastore, #touts .winners, /*new-- jdg 1/09 */ #touts .referfriend { float:left; height:155px; } #touts .referfriend { background: url(/images/tout_divider.gif) center right no-repeat; } #touts .quiz, #touts .winners, /* #touts .photogallery, */ #touts .sweepstakes { background: url(/images/tout_divider.gif) center right no-repeat; } #touts .tetrastore { background: url(/images/tout_divider.gif) center right no-repeat; } #touts .winners { width:241px; } #touts .winners h3 { width:215px; height:81px; background: url(/images/tout_winner.jpg) 0 -81px no-repeat; overflow:hidden; margin-top:14px; margin-left:10px; } #touts .winners h3 a { float:left; width:215px; height:0px; background: url(/images/tout_winner.jpg) 0 0 no-repeat; padding-top:81px; overflow:hidden; display:block; } #touts .winners h3 a:hover { background:none; } #touts .winners p { margin-left:27px; margin-right:10px; margin-top:3px; width:204px; line-height:14px; } #touts .quiz { width:241px; } #touts .quiz h3 { width:215px; height:81px; background: url(/images/tout_quiz.jpg) 0 -81px no-repeat; overflow:hidden; margin-top:14px; margin-left:10px; } #touts .quiz h3 a { float:left; width:215px; height:0px; background: url(/images/tout_quiz.jpg) 0 0 no-repeat; padding-top:81px; overflow:hidden; display:block; } #touts .quiz h3 a:hover { background:none; } #touts .quiz p { margin-left:27px; margin-right:10px; margin-top:3px; width:204px; line-height:14px; } /* #touts .photogallery { width:245px; float:left; } #touts .photogallery h3 { width:215px; height:81px; background: url(/images/tout_photogallery.jpg) 0 -81px no-repeat; overflow:hidden; margin-top:14px; margin-left:14px; } #touts .photogallery h3 a { float:left; width:215px; height:0px; background: url(/images/tout_photogallery.jpg) 0 0 no-repeat; padding-top:81px; overflow:hidden; display:block; } #touts .photogallery h3 a:hover { background:none; } #touts .photogallery p { margin-left:20px; margin-right:10px; margin-top:3px; width:215px; line-height:15px; } */ #touts .tetrastore { width:245px; float:left; } #touts .tetrastore h3 { width:215px; height:81px; background: url(/images/tout_tetrastore.jpg) 0 -81px no-repeat; overflow:hidden; margin-top:14px; margin-left:14px; } #touts .tetrastore h3 a { float:left; width:215px; height:0px; background: url(/images/tout_tetrastore.jpg) 0 0 no-repeat; padding-top:81px; overflow:hidden; display:block; } #touts .tetrastore h3 a:hover { background:none; } #touts .tetrastore p { margin-left:17px; margin-right:10px; margin-top:3px; width:218px; line-height:16px; } #touts .referfriend { width:239px; float:left; } #touts .referfriend h3 { width:215px; height:81px; background: url(/images/tout_referfriend.jpg) 0 -81px no-repeat; overflow:hidden; margin-top:14px; margin-left:14px; } #touts .referfriend h3 a { float:left; width:215px; height:0px; background: url(/images/tout_referfriend.jpg) 0 0 no-repeat; padding-top:81px; overflow:hidden; display:block; } #touts .referfriend h3 a:hover { background:none; } #touts .referfriend p { margin-left:27px; margin-right:10px; margin-top:3px; width:202px; line-height:16px; } #touts .specials { width:245px; float:left; } #touts .specials h3 { width:215px; height:81px; background: url(/images/tout_specials.jpg) 0 -81px no-repeat; overflow:hidden; margin-top:14px; margin-left:14px; } #touts .specials h3 a { float:left; width:215px; height:0px; background: url(/images/tout_specials.jpg) 0 0 no-repeat; padding-top:81px; overflow:hidden; display:block; } #touts .specials h3 a:hover { background:none; } #touts .specials p { margin-left:29px; margin-right:10px; margin-top:3px; width:210px; line-height:16px; } #touts p { color:#eaf4dc; font-size:0.95em; } /* product link */ #product-link { clear:both; float:left; overflow:hidden; width:970px; height:86px; background: url(/images/product_link.jpg) 0 -86px no-repeat; } #product-link a { float:left; width:970px; height:0px; background: url(/images/product_link.jpg) 0 0 no-repeat; padding-top:86px; overflow:hidden; display:block; } #product-link a:hover { background:none; } /* quiz */ #quiz { clear:both; width:970px; height:480px; overflow:hidden; margin-top:10px; margin-bottom:14px; float:left; background-color:#3b3b3b; } #quiz p { font-size:1.5em; color:#d0d0d0; padding:30px; } /* product tour */ #tour { clear:both; width:970px; overflow:hidden; margin-top:10px; margin-bottom:14px; background:url(/images/content_bg.gif) top left repeat-y; float:left; } /* product tour: content */ #tour #content { clear:both; float:left; width:725px; background-color:#444; } #tour #content h1 { width:725px; height:0; background:url(/images/tour_header.gif) top left repeat-x; padding-top:40px; overflow:hidden; } #tour #content .product-tour { float:left; width:725px; } #tour #content .product-tour .image { float:left; width:419px; } #tour #content .product-tour .text { float:left; width:250px; padding:30px 26px; } #tour #content .product-tour .text .box { width:254px; background:url(/images/tour_bg_box.gif) bottom left repeat-x; background-color:#2b2b2b; overflow:hidden; } #tour #content .product-tour .text .box h2 { color:#fff; font-size:1.2em; font-weight:normal; padding:26px 20px 18px 20px; } #tour #content .product-tour .text .box p { color:#d0d0d0; line-height:1.5em; font-size:0.9em; padding:0 20px 30px 20px; } #tour #content .product-tour .text .box p.images { padding:0 0 25px 12px; } #tour #content .product-tour .text .box p.images img { padding-left:6px; } #tour #content div.spacer-row { border-top:1px solid #3b3b3b; border-bottom:1px solid #3b3b3b; } #tour #content div.spacer-bg { background:transparent url(/images/forum_bg_nav_row.gif) repeat scroll 0pt; height:20px; margin:2px 0; text-align:right; } /* request info / purchasing info */ #tour #info { clear:both; width:725px; float:left; background-color:#444; } #tour #info h1.request { width:725px; height:0; background:url(/images/tour_requestinfo_header.gif) top left repeat-x; padding-top:40px; overflow:hidden; } #tour #info h1.purchasing { width:725px; height:0; background:url(/images/tour_purchasinginfo_header.gif) top left repeat-x; padding-top:40px; overflow:hidden; } #tour #info p { color:#d0d0d0; font-size:0.95em; line-height:1.5em; } #tour #info p.info { color:#999; font-size:0.9em; padding-top:5px; } #tour #info p.error { color:#be6210; font-size:0.90em; } #tour #info p.confirm { color:#fff; padding:13px 15px 3px 15px; } #tour #info span.error { font-size:1em; } #tour #info .info { float:left; width:490px; } #tour #info .info p.intro { padding:13px 15px 10px 15px; } #tour #info .form { float:left; width:226px; padding-left:9px; } #tour #info .form h2 { font-family:Helvetica, Arial, sans-serif; font-size:1em; color:#fff; font-weight:normal; clear:both; padding:20px 10px 5px 1px; line-height:1.5em; } #tour #info .form div { font-size:1em; } #tour #info .form div.field-top { float:left; margin-top:12px; margin-bottom:9px; color:#d0d0d0; font-size:0.9em; } #tour #info .form div.field { float:left; margin-bottom:9px; color:#d0d0d0; font-size:0.9em; } #tour #info .form div span { padding-right:10px; } #tour #info .form div.col2 p.opt { margin-bottom:10px; } #tour #info .form div.col2 select.country { width:195px; *width:188px; margin-top:6px; margin-bottom:4px; } #tour #info .form div.col2 p.state { margin-top:7px; margin-bottom:4px; } #tour #info .form div textarea { width:212px; font-size:0.95em; margin-top:6px; *width:208px; } input.info-name { margin-top:6px; margin-bottom:4px; font-size:0.95em; color:#252525; width:212px; *width:206px; } input.info-email, input.info-phone { margin-top:6px; font-size:0.95em; color:#252525; width:191px; *width:185px; } input.info-address1, input.info-address2, input.info-city { margin-top:8px; margin-bottom:4px; font-size:0.95em; color:#252525; width:191px; *width:185px; } input.info-zip { margin-top:10px; margin-bottom:4px; font-size:0.95em; color:#252525; width:191px; *width:185px; } #tour #info .form div.col1 { clear:both; float:left; margin-right:3px; } #tour #info .form div.col2 { float:left; width:185px; } #tour #info .form div.col2 p { margin-right:10px; margin-right:10px; } #tour #info .form div.col2 select { font-size:1em; color:#252525; } #tour #info .form div.col2 option { font-size:1em } #tour #info .form div.command { clear:both; text-align:right; } #tour #info .form div.command input { font-size:0.95em; color:#d1e49f; background-color:#111; border:none; margin-right:10px; margin-bottom:12px; padding:4px; cursor:pointer; } /* gallery */ #gallery { clear:both; width:970px; overflow:hidden; margin-top:10px; margin-bottom:14px; background:url(/images/content_bg.gif) top left repeat-y; float:left; } /* gallery: content */ #gallery #content { clear:both; width:725px; float:left; background-color:#444; } #gallery #content h1 { width:725px; height:0; background:url(/images/gallery_header.gif) top left repeat-x; padding-top:40px; overflow:hidden; } #gallery #content p { color:#d0d0d0; font-size:0.95em; line-height:1.4em; } #gallery #content p.intro, #gallery #content p.search-results { padding:10px 15px; } /* gallery: content: nav */ #gallery #content div.nav { border-top:1px solid #3b3b3b; border-bottom:1px solid #3b3b3b; height:34px; } #gallery #content div.nav .back { background:url(/images/content_bg_checker.gif) top left repeat; margin:2px 0; height:30px; } #gallery #content div.nav p { float:left; width:469px; height:30px; text-align:center; line-height:30px; font-size:0.9em; color:#fff; } #gallery #content div.nav span.selected { text-decoration:underline; font-size:1em; } #gallery #content div.nav div.prev-link { float:left; height:30px; text-align:left; padding-left:15px; } #gallery #content div.nav div.prev-link p { background:url(/images/icon_gallery_prev_page.gif) center left no-repeat; padding-left:12px; width:100px; line-height:30px; text-align:left; } #gallery #content div.nav div.next-link { float:right; height:30px; text-align:right; padding-right:15px; } #gallery #content div.nav div.next-link p { background:url(/images/icon_gallery_next_page.gif) center right no-repeat; padding-right:12px; width:100px; line-height:30px; text-align:right; } /* gallery: content: image list */ #gallery #content .image-list { overflow:hidden; } #gallery #content .image-list .row { clear:both; width:725px; padding:22px 0; border-bottom:1px solid #3b3b3b; overflow:hidden; } #gallery #content .image-list .item { float:left; padding-left:45px; padding-right:25px; } #gallery #content .image-list .item p { line-height:1.1em; } #gallery #content .image-list .item p img { background-color:#3a3a3a; border:1px solid #222; padding:4px; } #gallery #content .image-list .item p.postedby { font-size:0.9em; color:#999; padding-top:4px; } #gallery #content .image-list .item p.name { font-size:0.95em; padding-bottom:2px; line-height:1em; } #gallery #content .image-list .item p.date { font-size:0.9em; } /* gallery: admin */ #gallery #content h1.admin { width:725px; height:0; background:url(/images/gallery_admin_header.gif) top left repeat-x; padding-top:40px; overflow:hidden; } #gallery #content .admin-title { padding-top:6px; font-size:0.9em; } #gallery #content .admin-title textarea { font-size:0.95em; width:100px; height:40px; } #gallery #content .admin-command { padding-top:6px; text-align:right; } #gallery #content input.delete, #gallery #content input.update { font-size:0.9em; color:#d1e49f; background-color:#111; border:none; padding:2px; *padding:0; cursor:pointer; } /* video */ #video { clear:both; width:970px; overflow:hidden; margin-top:10px; margin-bottom:14px; background:url(/video/images/content_bg.gif) top left repeat-y; float:left; } #video h2{margin-left:11px;padding-top:11px;color:#fff;font-weight:normal;} #video #hdr { background-image: url('/video/images/checkbg.png');height: 40px;width: 720px;position: relative;margin-left:1px;} /*video content*/ #video #content { clear:both; width:725px; float:left; background-color:#777777; } #video #demoVid {margin-left:1px;} .linkedImage{border: 0; margin-top: 10px;} /* tetrastore */ #tetrastore { clear:both; width:970px; overflow:hidden; margin-top:10px; margin-bottom:14px; background:url(/images/content_bg.gif) top left repeat-y; float:left; } /* tetrastore: content */ #tetrastore #content { clear:both; width:725px; float:left; background-color:#444; } #tetrastore #content h1 { width:725px; height:0; background:url(/images/tetrastore_header.gif) top left repeat-x; padding-top:40px; overflow:hidden; } #tetrastore #content p { color:#d0d0d0; font-size:0.95em; line-height:1.4em; } #tetrastore #content p.intro { padding:20px 19px; } #tetrastore #content p.error { color:#be6210; font-size:0.95em; line-height:1.4em; padding:20px 19px 0 19px;} #tetrastore #content div.spacer-row { border-top:1px solid #3b3b3b; border-bottom:1px solid #3b3b3b; } #tetrastore #content div.spacer-bg { background:transparent url(/images/forum_bg_nav_row.gif) repeat scroll 0pt; height:30px; margin:2px 0; text-align:right; } #tetrastore #content table { padding-left:17px; margin-top:20px; margin-bottom:20px; } #tetrastore #content td { width:140px; *width:157px; padding:0 10px 0 17px; vertical-align:top; } #tetrastore #content td p.name { padding:0 15px; font-size:0.95em; color:#fff; line-height:1.1em; } #tetrastore #content td p.points { margin:4px 15px; padding-left:22px; height:15px; font-size:0.9em; color:#d0d0d0; background:transparent url(/images/icon_tetrapoint.gif) top left no-repeat; padding-top:3px; } #tetrastore #content input.submit { font-size:0.95em; color:#d1e49f; background-color:#111; border:none; margin:4px 20px 12px 0; padding:4px; cursor:pointer; } #tetrastore #content td p.option { padding:0 15px; *padding:0 11px; font-size:0.95em; color:#fff; line-height:1.1em; } /*#tetrastore #content td table { width:98px; *width:113px; margin:0 0 0 15px; *margin:0 0 0 11px; padding:0; } #tetrastore #content td table tr td { padding:0 2px 0 0; font-size:0.95em; color:#fff; line-height:1.1em; vertical-align:middle; }*/ #tetrastore #content td p.option-text { padding:0 15px; *padding:0 11px; font-size:0.95em; color:#fff; line-height:1.1em; padding-top:2px; } #tetrastore #content td p.option input { vertical-align:middle; *vertical-align:top; } #tetrastore #content td p.option-text input { vertical-align:middle; } #tetrastore #content select, #tetrastore #content option { font-size:1em; } #tetrastore #content select.list { width:90px; border:inset 1px #3b3b3b; } /* checkout */ #tetrastore #content h1.checkout { width:725px; height:0; background:url(/images/tetrastore_checkout_header.gif) top left repeat-x; padding-top:40px; overflow:hidden; } #tetrastore #content div.checkout-spacer-row { border-top:1px solid #3b3b3b; border-bottom:1px solid #3b3b3b; } #tetrastore #content div.checkout-spacer-row p.col1 { float:left; width:240px; height:30px; line-height:30px; text-align:center; } #tetrastore #content div.checkout-spacer-row p.col2 { float:left; width:485px; height:30px; line-height:30px; text-align:center; } #tetrastore #content div.checkout-spacer-row input.submit { font-size:0.95em; color:#d1e49f; background-color:#111; border:none; margin:4px 77px 12px 9px; padding:4px; cursor:pointer; } #tetrastore #content div.checkout-spacer-row input.cancel { font-size:0.95em; color:#d1e49f; background-color:#111; border:none; margin:4px 0 12px 0; padding:4px; cursor:pointer; } #tetrastore #content table.checkout { padding-left:0px; margin-top:0px; margin-bottom:0px; } #tetrastore #content td.col1 { width:218px; *width:239px; text-align:center; padding:10px; } #tetrastore #content td.col1 p { width:120px; margin:0 auto; text-align:left; } #tetrastore #content td.col1 p.name-confirm { color:#fff; margin-bottom:10px; } #tetrastore #content td.col1 p.option-confirm { font-size:0.9em; font-color:#d0d0d0; margin-bottom:10px; } #tetrastore #content td.col2 { width:466px; *width:486px; padding:16px 10px 18px 10px; border-left:1px solid #3b3b3b; } #tetrastore #content td.col2 p.message { padding:10px 35px 10px 20px; } #tetrastore #content td.col2 div.field { float:left; padding:10px 0 3px 0; } #tetrastore #content td.col2 div.field p.col1 { float:left; width:150px; *width:170px; margin-right:20px; text-align:right; color:#999; font-size:0.9em; } #tetrastore #content td.col2 div.field p.col2 { float:left; width:295px; } #tetrastore #content td.col2 div.field p.col2 input, #tetrastore #content td.col2 div.field p.col2 textarea, #tetrastore #content td.col2 div.field p.col2, #tetrastore #content td.col2 div.field p.col2 select.country { width:220px; } #tetrastore #content td.col2 div.field p.col2 input, #tetrastore #content td.col2 div.field p.col2 textarea { font-size:1em; } /* confirm */ #tetrastore #content h1.confirm { width:725px; height:0; background:url(/images/tetrastore_confirm_header.gif) top left repeat-x; padding-top:40px; overflow:hidden; } #tetrastore #content div.confirm-spacer-row { margin-top:18px; border-top:1px solid #3b3b3b; border-bottom:1px solid #3b3b3b; } #tetrastore #content div.confirm-spacer-row p { text-align:left; line-height:30px; padding-left:16px; } #tetrastore #content div.confirm-spacer-row div.spacer-bg { background:transparent url(/images/forum_bg_nav_row.gif) repeat scroll 0pt; height:30px; margin:2px 0; text-align:left; } #tetrastore #content p.confirm { padding:20px 17px; } #tetrastore #content p.confirm .highlight { color:#fff; } #tetrastore #content div.confirm-spacer-row input.submit { font-size:0.95em; color:#d1e49f; background-color:#111; border:none; margin:4px 0 4px 17px; padding:4px; cursor:pointer; } /* admin */ #tetrastore #content h1.admin { width:725px; height:0; background:url(/images/tetrastore_admin_header.gif) top left repeat-x; padding-top:40px; overflow:hidden; } #tetrastore #content .items { float:left; padding:20px 0 20px 17px; } #tetrastore #content .item { float:left; padding:0 10px 0 17px; } #tetrastore #content .item p.points { margin:4px 10px; padding-left:22px; height:15px; font-size:0.9em; color:#d0d0d0; background:transparent url(/images/icon_tetrapoint.gif) top left no-repeat; padding-top:1px; padding-bottom:2px; } #tetrastore #content .item input.tetrapoints { font-size:1em; width:50px; } #tetrastore #content .item textarea.name { margin:0 10px; font-size:1em; width:120px; height:30px; } #tetrastore #content .item textarea.options { margin:0 10px; font-size:1em; width:120px; height:50px; } #tetrastore #content .admin-command { width:123px; padding:6px 10px 0 10px; text-align:right; } #tetrastore #content input.delete, #tetrastore #content input.update { font-size:0.9em; color:#d1e49f; background-color:#111; border:none; padding:2px; *padding:0; cursor:pointer; } /* faq page */ #faq { clear:both; width:970px; overflow:hidden; margin-top:10px; margin-bottom:14px; background:url(/images/content_bg.gif) top left repeat-y; float:left; } /* tetrastore: content */ #faq #content { clear:both; width:725px; float:left; background-color:#444; } #faq #content h1 { width:725px; height:0; background:url(/images/faq_headline.gif) top left repeat-x; padding-top:40px; overflow:hidden; } #faq #content p { color:#d0d0d0; font-size:0.95em; line-height:1.4em; } #faq #content .main { color:#d0d0d0; font-size:0.95em; line-height:1.4em; padding-left:26px; } #faq #content ol#faqlinks { padding: 0 20px 0 37px; margin-top: 20px; font-size: 1.2em; line-height: 1.4em; } #faq #content ol#faqlinks li { margin-top: 12px; font-size: 1.0em; line-height: 1.4em; } #faq #content ol#faqlinks li div.question { font-weight: bold; color: #D1E49F; font-size: 1.0em; line-height: 1.4em; } #faq #content ol#faqlinks li strong { font-size: 1.0em; line-height: 1.4em; } #faq #content ol#faqlist { padding: 0 20px 0 37px; margin-top: 20px; font-size: 1.2em; line-height: 1.4em; } #faq #content ol#faqlist li { margin-top: 12px; font-size: 1.0em; line-height: 1.4em; } #faq #content ol#faqlist li div.question { font-weight: bold; color: #D1E49F; font-size: 1.0em; line-height: 1.4em; } #faq #content ol#faqlist li strong { font-size: 1.0em; line-height: 1.4em; } #faq #content p.intro { padding:30px 70px 4px 30px; font-size:1.2em; color:#ccc; } #faq #content p.link-title { margin-left:28px; margin-top:10px; font-size:1.1em; } #faq #content p.link-title a { background:url(/images/icon_next.gif) 100% 55% no-repeat; padding-right:8px; } #faq #content p.link { padding-left:28px; margin-bottom:30px; } /* sweepstakes page */ #sweepstakes { clear:both; width:970px; overflow:hidden; margin-top:10px; margin-bottom:14px; background:url(/images/content_bg.gif) top left repeat-y; float:left; } /* tetrastore: content */ #sweepstakes #content { clear:both; width:725px; float:left; background-color:#444; } #sweepstakes #content h1 { width:725px; height:0; background:url(/images/sweepstakes_heading.jpg) top left repeat-x; padding-top:40px; overflow:hidden; } #sweepstakes #content p { color:#d0d0d0; font-size:0.95em; line-height:1.4em; } #sweepstakes #content p.main { color:#d0d0d0; font-size:0.95em; line-height:1.4em; padding-left:26px; } #sweepstakes #content p.intro { padding:30px 70px 4px 30px; font-size:1.2em; color:#ccc; } #sweepstakes #content p.link-title { margin-left:28px; margin-top:10px; font-size:1.1em; } #sweepstakes #content p.link-title a { background:url(/images/icon_next.gif) 100% 55% no-repeat; padding-right:8px; } #sweepstakes #content p.link { padding-left:28px; margin-bottom:30px; } /* background-color:#3a3a3a; border:1px solid #222; padding:4px; } */ /* sidebar */ #sidebar { float:right; width:235px; overflow:hidden; } #sidebar .margin-top { margin-top:10px; } /* sidebar: box */ #sidebar div.box { float:left; width:235px; background:url(/images/sidebar_bg_box.gif) bottom left repeat-x; background-color:#333; overflow:hidden; } #sidebar div.box p { font-size:0.95em; color:#d0d0d0; line-height:1.5em; } #sidebar div.box h1 { overflow:hidden; } /* sidebar: box: tetrapoint links */ #sidebar div.box div.tetrapoints-links { clear:both; margin:16px 14px 20px 36px; } #sidebar div.box div.tetrapoints-links p { margin-bottom:18px; text-indent:-25px; line-height:1.1em; } #sidebar div.box div.tetrapoints-links p a { background:url(/images/icon_links.gif) center left no-repeat; padding:4px 0px 4px 25px; margin-bottom:6px; } /* sidebar: box: sweepstakes */ /* sweepstakes: register */ #sidebar div.box h1.sweepstakes-register { width:235px; height:90px; background:url('/images/sidebar_header_ipodsweepstakes.jpg') 0 -90px no-repeat; overflow:hidden; } #sidebar div.box h1.sweepstakes-register a { float:left; width:235px; height:0; background:url('/images/sidebar_header_ipodsweepstakes.jpg') 0 0 no-repeat; padding-top:90px; overflow:hidden; display:block; } #sidebar div.box h1.sweepstakes-register a:hover { background:none; } #sidebar div.box div.sweepstakes-register { margin-bottom:20px; } #sidebar div.box div.sweepstakes-register p { padding:0 16px 10px 16px; font-size:0.95em; color:#d0d0d0; line-height:1.4em; } #sidebar div.box div.sweepstakes-register p.header { padding-top:10px; font-size:1.1em; } #sidebar div.box div.sweepstakes-register p.header a { padding-right:8px; background:url(/images/icon_next.gif) right center no-repeat; *background:url(/images/icon_next.gif) 106px 52px no-repeat;} /* sidebar: forum */ /* sidebar: forum: member */ #sidebar div.box div.members { padding-bottom:20px; } #sidebar div.box h1.members { width:235px; height:0; background:url('/images/sidebar_header_forum_members.gif') top left no-repeat; padding-top:40px; overflow:hidden; } #sidebar div.box .member { clear:both; padding:0 18px; margin-top:15px; margin-bottom:20px; overflow:hidden; } #sidebar div.box .member p { line-height:1.1em; } #sidebar div.box .member p.avatar { float:left; padding-right:10px; } #sidebar div.box .member p.name { margin-bottom:2px; font-size:0.95em; } #sidebar div.box .member p.name a { text-decoration:none; font-size:1em; } #sidebar div.box .member p.occupation { color:#e1e1e1; font-size:0.95em; } #sidebar div.box .member p.research { color:#aaa; font-size:0.95em; } /* sidebar: forum: refer a friend */ #sidebar div.box h1.referfriend { width:235px; height:79px; background:url('/images/sidebar_btn_referfriend.gif') 0 -79px no-repeat; overflow:hidden; } #sidebar div.box h1.referfriend a { float:left; width:235px; height:0px; background:url('/images/sidebar_btn_referfriend.gif') 0 0 no-repeat; padding-top:79px; overflow:hidden; display:block; } #sidebar div.box h1.referfriend a:hover { background:none; } /* sidebar: forum: tetrapoints */ #sidebar div.box h1.tetrapoints { width:235px; height:79px; background:url('/images/sidebar_header_forum_tetrapoints.gif') 0 -79px no-repeat; overflow:hidden; } #sidebar div.box h1.tetrapoints a { float:left; width:235px; height:0; background:url('/images/sidebar_header_forum_tetrapoints.gif') 0 0 no-repeat; padding-top:79px; overflow:hidden; display:block; } #sidebar div.box h1.tetrapoints a:hover { background:none; } #sidebar div.box .tetrapoint { margin-bottom:20px; } #sidebar div.box .tetrapoint p { padding:0 20px 10px 20px; font-size:0.95em; color:#d0d0d0; line-height:1.4em; } #sidebar div.box .tetrapoint p.header { padding-top:10px; font-size:1.1em; } #sidebar div.box .tetrapoint p.header a { padding-right:8px; background:url(/images/icon_next.gif) center right no-repeat; *background:url(/images/icon_next.gif) 95px 34px no-repeat; } /* sidebar: forum: links */ #sidebar div.box .forum-links { margin:9px 14px 14px 14px; } #sidebar div.box .forum-links p { line-height:1.7em; } /* sidebar: product tour */ /* request information */ #sidebar div.box h1.request-info { width:235px; height:40px; background:url('/images/sidebar_btn_request_info.gif') 0 -40px no-repeat; overflow:hidden; } #sidebar div.box h1.request-info a { float:left; width:235px; height:0px; background:url('/images/sidebar_btn_request_info.gif') 0 0 no-repeat; padding-top:40px; overflow:hidden; display:block; } #sidebar div.box h1.request-info a:hover { background:none; } /* purchasing info */ #sidebar div.box h1.purchasing-info { width:235px; height:40px; background:url('/images/sidebar_btn_purchasing_info.gif') 0 -40px no-repeat; overflow:hidden; } #sidebar div.box h1.purchasing-info a { float:left; width:235px; height:0px; background:url('/images/sidebar_btn_purchasing_info.gif') 0 0 no-repeat; padding-top:40px; overflow:hidden; display:block; } #sidebar div.box h1.purchasing-info a:hover { background:none; } /* downloads */ #sidebar div.box h1.downloads { width:235px; height:0px; background:url('/images/sidebar_header_tour_downloads.gif') 0 0 no-repeat; padding-top:40px; } #sidebar div.downloads { padding-bottom:14px; } #sidebar div.downloads p { background:url('/images/icon_document.gif') 0 3px no-repeat; padding-left:16px; margin:0 10px 6px 14px; font-size:0.9em; } /* ready to purchase */ #sidebar div.box h1.readytopurchase { width:235px; height:79px; background:url('/images/sidebar_btn_readytopurchase.gif') 0 -79px no-repeat; overflow:hidden; } #sidebar div.box h1.readytopurchase a { float:left; width:235px; height:0px; background:url('/images/sidebar_btn_readytopurchase.gif') 0 0 no-repeat; padding-top:79px; overflow:hidden; display:block; } #sidebar div.box h1.readytopurchase a:hover { background:none; } /* tour-tetrapoint */ #sidebar div.box h1.tour-tetrapoints{ width:235px; height:0px; background:url('/images/sidebar_header_tour_tetrapoints.gif') 0 0 no-repeat; padding-top:62px; } /* sidebar: gallery */ /* sidebar: register */ #sidebar div.box h1.register { width:235px; height:79px; background:url('/images/sidebar_header_gallery_register.gif') 0 -79px no-repeat; overflow:hidden; display:block; } #sidebar div.box h1.register a { float:left; width:235px; height:0px; background:url('/images/sidebar_header_gallery_register.gif') 0 0 no-repeat; padding-top:79px; overflow:hidden; display:block; } #sidebar div.box h1.register a:hover { background:none; } #sidebar div.box p.register { clear:both; margin:14px 12px 0px 12px; line-height:1.3em; background:url(/images/icon_gallery_next_page.gif) 156px 17px no-repeat; padding-right:12px; padding-bottom:20px; } /* image search */ #sidebar div.box .gallery-search { font-size:0.95em; padding:14px; } #sidebar div.box .gallery-search input { font-size:1em; vertical-align:middle; color:#444; } #sidebar div.box .gallery-search input.gallery-search-text { width:160px; } /*image add */ #sidebar div.box h1.gallery-add { width:235px; height:0px; background:url('/images/sidebar_header_gallery_add.gif') 0 0 no-repeat; padding-top:79px; overflow:hidden; } #sidebar div.box div.gallery-add { clear:both; margin:10px 14px 10px 10px; } #sidebar div.box div.gallery-add p { margin-bottom:10px; } #sidebar div.box div.gallery-add input.gallery-add-browse { width:150px; font-size:1em; color:#444; } #sidebar div.box div.gallery-add textarea { width:207px; font-size:1em; color:#444; } #sidebar div.box div.gallery-add p.upload { text-align:right; } #sidebar div.box div.gallery-add a.browse, #sidebar div.box div.gallery-add a.upload { background-color:#000; border:1px solid #686868; padding:2px 4px; } /* gallery-tetrapoint */ #sidebar div.box h1.gallery-tetrapoints { width:235px; height:0px; background:url('/images/sidebar_header_gallery_tetrapoints.gif') 0 0 no-repeat; padding-top:79px; overflow:hidden; } #sidebar div.box p.gallery-tetrapoints { margin:10px 14px 6px 10px; } /* sidebar: tetrastore */ /* tetrastore: register */ #sidebar div.box h1.tetrastore-register { width:235px; height:79px; background:url('/images/sidebar_header_tetrastore_register.gif') 0 -79px no-repeat; overflow:hidden; } #sidebar div.box h1.tetrastore-register a { float:left; width:235px; height:0; background:url('/images/sidebar_header_tetrastore_register.gif') 0 0 no-repeat; padding-top:79px; overflow:hidden; display:block; } #sidebar div.box h1.tetrastore-register a:hover { background:none; } #sidebar div.box div.tetrastore-register { margin-bottom:20px; } #sidebar div.box div.tetrastore-register p { padding:0 16px 10px 16px; font-size:0.95em; color:#d0d0d0; line-height:1.4em; } #sidebar div.box div.tetrastore-register p.header { padding-top:10px; font-size:1.1em; } #sidebar div.box div.tetrastore-register p.header a { padding-right:8px; background:url(/images/icon_next.gif) right center no-repeat; *background:url(/images/icon_next.gif) 106px 52px no-repeat;} /* tetrastore: point chart */ #sidebar div.box div.tetrapoints_chart { padding-bottom:20px; } #sidebar div.box h1.tetrapoints_chart { width:235px; height:40; background:url('/images/sidebar_header_point_chart.jpg') top left no-repeat; padding-top:40px; overflow:hidden; } #sidebar div.box .tetrapoints_chart { clear:both; padding:0 18px; margin-top:0px; margin-bottom:20px; overflow:hidden; } #sidebar div.box .tetrapoints_chart p { line-height:1.1em; } span.comment { font-size:0.9em; } /* tetrastore: tetrapoints */ #sidebar div.box h1.tetrastore-tetrapoints { width:235px; height:0; background:url('/images/sidebar_header_tetrastore_tetrapoints.gif') top left no-repeat; padding-top:79px; overflow:hidden; } #sidebar div.box div.tetrastore-tetrapoints { margin-top:14px; margin-bottom:20px; } #sidebar div.box div.tetrastore-tetrapoints p { padding:0 14px 10px 14px; font-size:0.95em; color:#d0d0d0; line-height:1.4em; } #sidebar div.box div.tetrastore-tetrapoints p.highlight { clear:both; color:#d1e49f; margin-bottom:4px;} /* tetrastore: admin: add */ #sidebar div.box h1.tetraitem-add { width:235px; height:0px; background:url('/images/sidebar_header_tetraitem_add.gif') 0 0 no-repeat; padding-top:76px; overflow:hidden; } #sidebar div.box div.tetraitem-add { clear:both; margin:10px 14px 10px 10px; font-size:0.95em; } #sidebar div.box div.tetraitem-add p { margin-bottom:10px; font-size:0.9em; } #sidebar div.box div.tetraitem-add p.info { color:#999999; } #sidebar div.box div.tetraitem-add input.file { font-size:1em; } #sidebar div.box div.tetraitem-add input.tetraitem-add-browse { width:150px; font-size:1em; color:#444; } #sidebar div.box div.tetraitem-add textarea { width:207px; font-size:1em; } #sidebar div.box div.tetraitem-add p.upload { text-align:right; } #sidebar div.box div.tetraitem-add a.browse, #sidebar div.box div.tetraitem-add a.upload { background-color:#000; border:1px solid #686868; padding:2px 4px; } #sidebar div.box div.tetraitem-add .tetraitem-add-text { width:207px; font-size:1em; } /*sidebar: tattoo forum */ #sidebar div.box p.tattooForum { width: 235px; height: 168px;display: block;overflow:hidden; } #sidebar div.tenPxSpace{height: 10px; display:block; clear: both;} #sidebar img.sidebarImage{border:0;} /* footer */ #footer { clear:both; float:left; margin:0 auto; width:970px; border-top:1px solid #444; padding-top:12px; overflow:hidden; text-align:center; } #footer .links ul { text-align:center; padding:0; margin-top:0; height:26px; } #footer .links li { font-size:0.8em; display:inline; line-height:26px; background:url(/images/footer_divider.gif) center right no-repeat; padding: 8px 12px 8px 0; margin-left: 10px; } #footer .links li.div { background:none; border-right:1px solid #444; padding-right:15px; margin-right:9px; *margin-right:15px; } #footer .links li.div a img { background:url(/images/btn_fanclub.gif) 0 0 no-repeat; } #footer .links li.div a:hover img { background:url(/images/btn_fanclub.gif) 0 -21px no-repeat; text-decoration:none; } #footer .links li.logo { background:none; padding-right:0; } #footer .links li img { vertical-align:middle; } #footer .text { clear:both; float:none; text-align:center; font-size:0.95em; color:#333; margin-top:5px; margin-bottom:40px; } /* banner admin */ #banner-admin { clear:both; width:970px; overflow:hidden; margin-top:10px; margin-bottom:14px; background:url(/images/content_bg.gif) top left repeat-y; float:left; } /* banner-admin: content */ #banner-admin #content { clear:both; width:725px; float:left; background-color:#444; min-height: 380px; padding: 2em; } #banner-admin #content h1 { color: #fff; font-size: 1.8em; margin: 1em 0; } #banner-admin #content p { color:#d0d0d0; font-size:0.95em; line-height:1.4em; margin: 0 0 1em 0;} #banner-admin #content .row1 { background: #555; } #banner-admin #content .row2 { background: #777; } #banner-admin #content ul { list-style: none; } #banner-admin #content li { padding: 0.4em; } #banner-admin #content li div.small-links a { font-size: 0.8em; } /*winners jdg http://jdanielgonzalez.com/ 01 09 */ #winners { clear:both; width:970px; overflow:hidden; margin-top:10px; margin-bottom:14px; background:url(/images/content_bg.gif) top left repeat-y; float:left;} #winners h3 {color:#fff;font-size:14px;font-family:helvetica;font-weight:normal;text-transform:uppercase;letter-spacing:0.02em;padding-bottom:4px;} /* winners: content */ #winners #content { clear:both; width:725px; float:left; background-color:#444; } #winners #content h1 { width:725px; height:0; background:url(/images/winners_header.gif) top left repeat-x; padding-top:40px; overflow:hidden; } #winners #content p { color:#d0d0d0; font-size:0.95em; line-height:1.4em;padding-bottom:16px; } #winners #content p.intro { padding:20px 19px; } #winners #content div.spacer-row { border-top:1px solid #3b3b3b; border-bottom:1px solid #3b3b3b;clear:both; } #winners #content div.spacer-bg { background:transparent url(/images/forum_bg_nav_row.gif) repeat scroll 0pt; padding:20px 0; margin:2px 0; text-align:right; } #winners #content div.spacer-bg p{ text-align:left;padding:7px 0 0 15px;font-weight:normal;letter-spacing:0.07em; } #winners #content .yellow {color:#d1e49f;} #winners #content .header{color:#6d6d6d;font-size:11px;} #winners #contestant_box img { padding:4px;border:1px solid #2d2d2d;background-color:#404040;float:left;} #winners #contestant_box {width:100%;color:#d0d0d0;letter-spacing:0.02em;line-height:1.1em;} #winners #contestant_box .left {float:left;padding:20px 15px;display:inline;} #winners #contestant_box .center {float:left;width:235px;padding:24px 0;} #winners #contestant_box .right {float:right;width:248px;padding:41px 20px;} #winners #grandPrize {position:relative;margin-top:-62px;padding-left:135px;float:left;} .grandPrizeWinner .left{width:388px;letter-spacing:0.001em;} .grandPrizeWinner .center{line-height:1.07em;margin-bottom:42px;} #winners #secondPrize {position:relative;float:left;padding-left:145px;margin-top:-60px;} #winners #thirdPrize {position:relative;float:left;margin-top:-43px;padding-left:145px;} .grandPrizeWinner {padding:20px 0;} .grandPrizeWinner p{width:368px;letter-spacing:0.02em;} #announcement{ display: none; }