/**** Global Styles ****/ * { padding:0; margin:0 } html { /*width:100%;*/ font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size:12px; } body { _position:relative; /*margin:0 auto;*/ padding:0 10px 20px 10px; width:980px;} img { display:block; border:none } a { color:#3d61a3; text-decoration:underline } a:hover { text-decoration:none} a b { display:none } a.logo { display:block; float:left; width:330px; height:116px; background:url(../images/logo_main.png) left top no-repeat;} #home a.logo { cursor:default;} a.more { display:block; float:right; margin:0 10px 10px 0; padding-left:12px; font-weight:bold; font-size:11px; background:url(../images/bullet_double_arrow.gif) left top no-repeat; } p { margin-bottom:10px; color:#000 } p.info { font-size:11px; color:#333; font-weight:normal;} ul { list-style:none;} input, textarea, select { font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:12px; border:1px solid #87a3bd; _background-color:white; padding-left:2px} input {height:19px; line-height:18px} input.check { border:none; background:none} select {height:20px; line-height:20px} small { color:#666666} h1 { font-family:Arial Narrow, Arial, sans-serif; font-size:30px; font-weight:normal; color:#4377d5; padding:20px 30px 20px 30px;} h1 strong { color:#333; font-weight:bold; text-transform:uppercase } h1 b { display:none } h2 b { display:none } h2 span { color:#FF0000; font-weight:normal } h2 { clear:both } h3 { color:#3d61a3; clear:both; font-size:18px; font-weight:normal; margin-left:30px} h4 {font-size:14px; color:#666;} h4 strong { color:#000;} .none { display:none} .pp_success { text-align:left; padding-left:250px; line-height:24px; margin-bottom:30px} .no_res { padding-top:150px; text-align:center; font-size:14px; line-height:20px; color:#333333 } /**** Buttons ****/ .but { display:block; height:23px; border:none; } .upload { background:url(../images/but_uploadPic.gif) top left no-repeat; width:119px; margin-top:15px} .upload:hover { background:url(../images/but_uploadPic_ov.gif) } .join { background:url(../images/but_join.gif) top left no-repeat; width:100px} .join:hover { background:url(../images/but_join_ov.gif) } .checkout { margin:0 auto; background:url(../images/but_checkout.gif) top left no-repeat; width:88px;} .checkout:hover { background:url(../images/but_checkout_ov.gif) } .continue { margin:0 auto; background:url(../images/but_continue.gif) top left no-repeat; width:89px; } .continue:hover { background:url(../images/but_continue_ov.gif) } .change { background:url(../images/but_change.gif) top left no-repeat; width:69px} .change:hover { background:url(../images/but_change_ov.gif) } .search { display:inline; background:url(../images/but_search.gif) 0 6px no-repeat; height:29px; width:70px } .search:hover { background-image:url(../images/but_search_ov.gif); cursor:pointer; } .index { display:inline; background:url(../images/but_index.gif) top left no-repeat; width:70px } .index:hover { background:url(../images/but_index_ov.gif) top left no-repeat; cursor:pointer; } .next { background:url(../images/but_next.gif) top left no-repeat; width:70px;} .next:hover { background:url(../images/but_next_ov.gif) } .previos { float:right; background:url(../images/but_previos.gif) top left no-repeat; width:90px;} .previos:hover { background:url(../images/but_previos_ov.gif) top left no-repeat;} .submit { background:url(../images/but_submit.gif) top left no-repeat; width:65px;} .submit:hover { background:url(../images/but_submit_ov.gif) top left no-repeat;} .add_line { background:url(../images/but_addLine.gif) top left no-repeat; width:89px;} .add_line:hover { background:url(../images/but_addLine_ov.gif) top left no-repeat;} .returnToHome { background:url(../images/but_returnToHome.gif) top left no-repeat; width:65px;} .returnToHome:hover { background:url(../images/but_returnToHome_ov.gif) top left no-repeat;} .viewMemIndex { background:url(../images/but_ViewMemIndex.gif) top left no-repeat; width:143px;} .viewMemIndex:hover { background:url(../images/but_ViewMemIndex_ov.gif) top left no-repeat;} .viewMyCard { background:url(../images/but_viewMyCard.gif) top left no-repeat; width:165px;} .viewMyCard:hover { background:url(../images/but_viewMyCard_ov.gif) top left no-repeat;} .sendLink { background:url(../images/but_sendLink.gif) top left no-repeat; width:99px;} .sendLink:hover { background:url(../images/but_sendLink_ov.gif) top left no-repeat;} .reportAbuse { background:url(../images/but_reportAbuse.gif) top left no-repeat; width:114px;} .reportAbuse:hover { background:url(../images/but_reportAbuse_ov.gif) top left no-repeat;} .shareCard { background:url(../images/but_shareCard.gif) top left no-repeat; width:160px;} .shareCard:hover { background:url(../images/but_shareCard_ov.gif) top left no-repeat;} /**** Main Blocks ****/ #header, #content , #footer { width:1000px;} #header { position:absolute; top:0px; height:155px; background:url(../images/header_bg.png) left top repeat-x;} #header .tagLine { float:left; margin:40px 0 0 95px; width:230px; padding-top:63px; text-align:center; background:url(../images/tagLine.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tagLine.png',sizingMethod='crop');} ul.links { float:right; padding:15px 8px 0 0; list-style:none;} ul.links li { float:left; padding:0 7px 3px 7px; line-height:8px; border-left:1px solid #000; _border-left-width: expression(previousSibling == null ? '0' : '1px');} ul.links li:first-child { border:none;} ul.links li a { font-size:11px; color:#000; text-decoration:none;} ul.links li a:hover { text-decoration:underline;} .countdown { /*display:none;*/ float:right; clear:right; margin:20px 10px 0 0; width:211px; padding-top:15px; height:56px; text-align:center; background:url(../images/countdown_bg.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/countdown_bg.png',sizingMethod='scale');} .countdown p { margin:5px auto 0 auto; padding-top:3px; width:173px; height:21px; background:url(../images/countdown_grey.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/countdown_grey.png',sizingMethod='scale');} .countdown p b { padding:0 4px; color:#cf0202;} #nav { clear:both; width:100%; padding:0; height:38px; background:url(../images/nav_bg.png) left top no-repeat; list-style:none;} #nav li { float:right; _padding-right: expression(previousSibling == null ? '8px' : '0'); } #nav li.temp { display:none; color:#FFFFFF; font-size:18px; font-family:Arial; float:left; padding-top:5px; padding-left:20px } #nav li:first-child { padding-right:8px;} #nav li a { display:block; height:38px;} #nav a.sponsors { width:107px; background:url(../images/nav_sponsors.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_sponsors.png',sizingMethod='crop');} #nav a.participating { width:201px; background:url(../images/nav_participating.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_participating.png',sizingMethod='crop');} #nav a.friends { width:138px; background:url(../images/nav_friends.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_friends.png',sizingMethod='crop');} #nav a.join { width:111px; background:url(../images/nav_join.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_join.png',sizingMethod='crop');} #nav a.sponsors:hover { background:url(../images/nav_sponsors_ov.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_sponsors_ov.png',sizingMethod='crop');} #nav a.participating:hover { background:url(../images/nav_participating_ov.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_participating_ov.png',sizingMethod='crop');} #nav a.friends:hover { background:url(../images/nav_friends_ov.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_friends_ov.png',sizingMethod='crop');} #nav a.join:hover { background:url(../images/nav_join_ov.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_join_ov.png',sizingMethod='crop');} #content { position:relative; _height:10px; overflow:hidden; _overflow:visible; margin-top:155px; background:url(../images/content_back.gif) left top repeat-x; /*border:1px solid red */ } #cont_left { float:left; width:281px; _width:280px; padding:15px 0 0 9px; _height:10px; overflow:hidden; _overflow:visible; background:url(../images/cont_left_back.gif) left top repeat-x; /*border:1px solid green;*/ } #cont_right { float:right; width:690px; padding-left:20px; _height:10px; overflow:hidden; _overflow:visible; /* border:1px solid yellow */ } #cont_right h2 { font-family:Arial Narrow, sans-serif; font-weight:normal; font-size:24px; color:#666666; margin:25px 0 15px 30px; } #cont_right h2 small { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px } #cont_right p, #cont_right ul.list { margin-left:30px; line-height:19px; } #cont_right ul.list { margin:0 10px 10px 30px; font-size:11px; } #cont_right ul ul { margin-left:0;} /*!*/#cont_right ul.list li { padding-left:13px; line-height:22px; background:url(../images/bul_arrow4.gif) 0 8px no-repeat;} #cont_right ul.list ul li { background-image:url(../images/bul_arrow4_gray.gif);} #cont_right ul.list li.title ul li { background-image:url(../images/bul_arrow4.gif);} #cont_right ul.list li.title ul ul li { background-image:url(../images/bul_arrow4_gray.gif);} #cont_right ul.list li p { margin:6px 0 0 0;} #cont_right ul.list li.title { padding-left:170px; background-position:157px 8px; font-size:12px; font-weight:bold;} #cont_right ul.list li.title ul { /*display:none;*/ margin-left:-100px; font-size:11px; font-weight:normal;} #cont_right ul.list li.title ul ul { margin-left:0;} /* butArea */ #cont_right .butArea { margin-left:20px; margin-bottom:30px; padding:12px 0 18px 0; text-align:center;} #cont_right .butArea p { margin:0; padding:0; float:left; width:320px; _height:10px; overflow:hidden; _overflow:visible;} #cont_right .butArea p.first { padding-right:10px; text-align:right;} #cont_right .butArea p.first .but { float:right;} #cont_right .butArea p.last { padding-left:10px; text-align:left;} #cont_right .butArea p.last .but { float:left;} .butArea table { margin-left:5px;} .butArea td { padding-right:10px;} #home #cont_right { background:url(../images/cont_right_back.gif) left top no-repeat; /* border:1px solid yellow */ } #home #cont_right p { margin-left:0 } #footer { clear:both; padding-top:15px; min-height:140px; _height:140px; overflow:hidden; _overflow:visible; font-size:11px; line-height:19px; text-align:center; color:#858383; background:url(../images/footer_bg.png) left top no-repeat;} #footer p.links { margin:0; height:25px; color:#000; /line-height:25px; overflow:hidden;} #footer p.links a { padding:0 7px 0 7px; font-size:11px; color:#000; text-decoration:none; line-height:10px; border-left:1px solid #000; _border-left-width: expression(previousSibling == null ? '0' : '1px'); } #footer p.links a:hover { text-decoration:underline;} #footer p.links a:first-child { border:none;} #footer .ggl { display:none; font-size:9px; line-height:normal; text-align:center; color:#858383; padding:60px 30px 30px 30px } #home #footer .ggl { display:block} #pp_ad { margin:5px auto; border:1px solid #efefef } #pp_ad td { padding-left:10px; padding-right:10px} #join_step9 #footer #pp_ad { display:none} #counter { padding-top:35px; font-size:9px; line-height:normal; text-align:center; color:#858383; } /**** GREETING BOX ****/ #greeting { height:290px; /*margin-bottom:20px;*/ border-bottom:20px solid #efefef} #greeting h1 { position:relative; display:block; width:670px; padding:0; height:66px; z-index:10; background:url(../images/greeting_title.png) no-repeat; _background:url(../images/greeting_title.gif) no-repeat; } #greeting p { position:relative; padding:0 35px 0 200px; color:#333; line-height:17px; z-index:10; } #greeting p span { font-weight:bold; display:block; text-align:center; line-height:30px } #greeting img { position:absolute; top:0; left:310px; z-index:1;} /**** GOLD SILVER BRONZE BOXES ****/ .box { margin-bottom:18px; } .box h1 { height:1px; margin:0; padding:0 } .box .content { position:relative; padding-top:58px; min-height:137px; _height:137px; overflow:hidden; _overflow:visible;} .box .bot { height:6px; overflow:hidden;} .box ul { _height:10px; margin-top:20px; list-style:none; overflow:hidden; _overflow:visible;} .box ul li { float:left; padding:0 1% 18px 1%; width:17%; text-align:center; height:140px;/* border:1px solid red*/} .box ul a { font-size:11px; color:#333;} .box ul a b { display:block; text-decoration:underline;} .box ul a:hover b { text-decoration:none;} .box a img { margin:0 auto 8px auto; border:1px solid gray;} #home #cont_right .box a img { max-width:90px; max-height:70px; _width:90px; _height:auto } .diamond a img { border:3px solid #b5c0c6;} .blueWhite a img { border:3px solid #b7c7e7;} .gold a img { border:3px solid #e8da93;} .silver a img { border:3px solid #d5d5dc;} .bronze a img { border:3px solid #f5d7be;} .diamond { background:url(../images/box_diamondBg.png) left top repeat-y;} .diamond .content { background:url(../images/box_diamondTop.png) left top no-repeat;} .diamond .bot { background:url(../images/box_diamondBot.png) left top no-repeat;} .blueWhite { background:url(../images/box_blueWhiteBg.png) left top repeat-y;} .blueWhite .content { background:url(../images/box_blueWhiteTop.png) left top no-repeat;} .blueWhite .bot { background:url(../images/box_blueWhiteBot.png) left top no-repeat;} .gold { background:url(../images/box_goldBg.png) left top repeat-y;} .gold .content { background:url(../images/box_goldTop.png) left top no-repeat;} .gold .bot { background:url(../images/box_goldBot.png) left top no-repeat;} .silver { background:url(../images/box_silverBg.png) left top repeat-y;} .silver .content { background:url(../images/box_silverTop.png) left top no-repeat;} .silver .bot { background:url(../images/box_silverBot.png) left top no-repeat;} .bronze { background:url(../images/box_bronzeBg.png) left top repeat-y;} .bronze .content { background:url(../images/box_bronzeTop.png) left top no-repeat;} .bronze .bot { background:url(../images/box_bronzeBot.png) left top no-repeat;} .box .content .more { position:absolute; right:15px; top:20px; font-weight:normal; color:#666666; background-image:url(../images/bullet_doubleArr_gray.gif)} /**** BANNER ****/ .banner { margin:0 8px 20px 0; _height:10px; overflow:hidden; _overflow:visible; text-align:center;} .banner .content { padding:14px 0; border:1px solid #dddada;} .banner img { margin:0 auto;} .banner a.more { margin:8px 0 0 0;} .raffle a.more { margin-right:15px} .sponsors { padding-top:28px; background:url(../images/sponsors_title.png) center top no-repeat;} .charities { padding-top:52px; background:url(../images/charities_title.png) center top no-repeat;} #ssSponsors2 { z-index:-1; } /**** Promo Video ****/ #promo_video { margin-left:8px; margin-bottom:20px } #promo_video h2 { text-align:center; color:#3d61a3; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; margin:15px 10px; margin-left:0 } /**** Press Releases ****/ .press_releases { margin-left:8px; margin-bottom:20px} .press_releases span { display:block; font-size:10px; color:gray; margin-bottom:5px } .press_releases h2 { color:gray; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; margin:10px 10px; } .press_releases p { margin-left:10px; font-size:11px} .press_releases a { color:#000000} /**** JOIN NOW BOX ****/ #join_box { width:270px; height:119px; background:url(../images/join_box.gif) left top no-repeat; margin-bottom:15px; } #join_box a { position:relative; margin:0 auto; top:77px } /**** RECENT FRIENDSHIP BOX ****/ #recent_box { padding:44px 0 0 0; width:270px; font-size:10px; background:url(../images/recent_title.gif) left top no-repeat; margin-bottom:15px} #recent_box .content { position:relative; width:270px;height:500px;overflow:hidden } #recent_box p { margin:0 15px; padding:10px 0 12px 0; color:#666; background:url(../images/sep_1.gif) left top repeat-x; _background-image:expression(previousSibling == null ? 'none' : '../images/sep_1.gif');} #recent_box span { display:block; font-size:12px; font-weight:bold; color:#333; _height:10px; overflow:hidden; _overflow:visible;} #recent_box a { display:block; margin-top:8px; font-size:11px; color:#333;} #recent_box a.name { margin-top:0px;} #recent_box .content p:first-child{ background:none;} #recent_box span b { float:left; margin-right:7px;} b.star { display:none; margin:0; width:18px; height:14px; overflow:hidden; /*border:1px solid red*/} .bluewhite b.star, b.bluewhite { height:20px;} /*#iescroller { z-index:-1 !important;}*/ #recent_box .diamond span b.star { display:block; background:url(../images/star_diamond14.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_diamond14.png',sizingMethod='crop');} #recent_box .bluewhite span b.star { display:block; background:url(../images/star_blueWhite14.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_blueWhite14.png',sizingMethod='crop');} #recent_box .gold span b.star { display:block; background:url(../images/star_gold14.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_gold14.png',sizingMethod='crop');} #recent_box .silver span b.star { display:block; background:url(../images/star_silver14.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_silver14.png',sizingMethod='crop');} #recent_box .bronze span b.star { display:block; background:url(../images/star_bronze14.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_bronze14.png',sizingMethod='crop');} #recent_box .pioneer span b.star { display:block; background:url(../images/star_pioneer14.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_pioneer14.png',sizingMethod='crop');} #recent_box .initiator span b.star { display:block; background:url(../images/star_initiator14.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_initiator14.png',sizingMethod='crop');} #recent_box .other span b.star { display:block; background:url(../images/star_other14.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_other14.png',sizingMethod='crop');} /**** SEARCH BOX ****/ #search_box { height:80px; padding-left:15px} #search_box h2 { background:url(../images/title_search_friends.gif) left top no-repeat; width:110px; height:33px} #search_box input.text_field { width:160px; height:20px; line-height:20px } /**** BOX_2 ****/ .box_2 { position:relative; width:640px; /*min-height:200px;*/ background:none; /*_overflow:hidden; */} .box_2 .mat1 { padding:5px; /*zoom:1; padding-top:1px; background:url(../images/box2_bg.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box2_bg.png',sizingMethod='crop');*/} .box_2 .mat2 { position:relative; zoom:1; z-index:2; background-color:none; /*background-image:url(../images/GC_bg1.png) left bottom no-repeat;*/ _background:none; /*box bg_ie*/} .box_2 .bg_ie { /*z-index:2; display:none; _display:block; position:absolute; bottom:0; width:640px; height:329px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/GC_bg1.png',sizingMethod='crop');*/} .box_2 .content { padding:40px 0 31px 28px; /*/padding-top:35px; min-height:600px;*/ _height:10px; /*background: url(../images/box2_topFlare.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box2_topFlare.png',sizingMethod='crop'); overflow:hidden; _overflow:visible;*/} .box_2 .bot { overflow:hidden; z-index:1; position:absolute; bottom:0; width:634px; height:34px; background:url(../images/box2_bot_all.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box2__bot_all.png',sizingMethod='crop');/**/} .box_2 .topL, .box_2 .topR { z-index:3; position:absolute; top:0; display:block; width:4px; height:4px;} .box_2 .topL { left:0; background:url(../images/box2_topL.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box2_topL.png',sizingMethod='crop');} .box_2 .topR { right:0; background:url(../images/box2_topR.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box2_topR.png',sizingMethod='crop');} .box_2 .topL b, .box_2 .topR b { z-index:4; position:absolute; width:1px; height:1px; overflow:hidden;} .box_2 b.botL, .box_2 b.botR { z-index:13; position:absolute; bottom:0; _bottom:-11px; display:block; width:4px; height:4px;} /* NEW - CORNERS */ /* Top LEFT */ .topLeft { z-index:2000; position:absolute; left:0; top:0; width:12px; height:12px;} .topLeft b { position:absolute; display:block; left:0; height:1px; overflow:hidden;} /*white*/ .topLeft b.corner_1 { top:0; width:4px;} .topLeft b.corner_2 { top:1px; width:2px;} .topLeft b.corner_3 { top:2px; width:1px; height:2px; } /* 100% */ .topLeft b.corner_4 { top:1px; left:3px; width:3px; } .topLeft b.corner_5 { top:2px; left:2px; width:1px; height:2px;} .topLeft b.corner_6 { top:4px; left:1px; width:1px; height:2px;} /* fill=w50% */ .topLeft b.corner_7, .topLeft b.corner_8, .topLeft b.corner_9 { background:url(../images/w_50.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w_50.png',sizingMethod='scale');} .topLeft b.corner_7 { top:0; left:5px; width:1px;} .topLeft b.corner_8 { top:3px; left:1px; width:1px;} .topLeft b.corner_9 { top:5px; width:1px;} /* fill=w25% */ .topLeft b.corner_10, .topLeft b.corner_11 { background:url(../images/w_25.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w_25.png',sizingMethod='scale');} .topLeft b.corner_10 { top:0; left:4px; width:1px; } .topLeft b.corner_11 { top:4px; width:1px;} /* fill=w15% */ .topLeft b.corner_12, .topLeft b.corner_13 { background:url(../images/w_15.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w_15.png',sizingMethod='scale');} .topLeft b.corner_12 { top:1px; left:2px; width:1px;} .topLeft b.corner_13 { top:2px; left:1px; width:1px;} /* fill=50% */ .topLeft b.corner_14, .topLeft b.corner_15 { /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:.5; opacity:.5;} .topLeft b.corner_14 { top:2px; left:3px; width:2px;} .topLeft b.corner_15 { top:4px; left:2px; width:1px;} /* fill=25% */ .topLeft b.corner_16 { /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity:.25; opacity:.25; display:none } .topLeft b.corner_16 { top:3; left:3px; width:1px;} /* fill=15% */ .topLeft b.corner_17, .topLeft b.corner_18 { /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15); -moz-opacity:.15; opacity:.15;} .topLeft b.corner_17 { top:2px; left:5px; width:1px;} .topLeft b.corner_18 { top:5px; left:2px; width:1px;} /* fill=75% */ .topLeft b.corner_19 { top:2px; left:3px; width:1px; /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity:.75; opacity:.75;} /**/ /* Top RIGHT */ .topRight { z-index:2000; position:absolute; right:0; top:0; width:12px; height:12px;} .topRight b { position:absolute; display:block; right:0; height:1px; overflow:hidden;} /*white*/ .topRight b.corner_1 { top:0; width:4px;} .topRight b.corner_2 { top:1px; width:2px;} .topRight b.corner_3 { top:2px; width:1px; height:2px;} /* 100% */ .topRight b.corner_4 { top:1px; right:3px; width:3px; } .topRight b.corner_5 { top:2px; right:2px; width:1px; height:2px;} .topRight b.corner_6 { top:4px; right:1px; width:1px; height:2px;} /* fill=w50% */ .topRight b.corner_7, .topRight b.corner_8, .topRight b.corner_9 { background:url(../images/w_50.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w_50.png',sizingMethod='scale');} .topRight b.corner_7 { top:0; right:5px; width:1px;} .topRight b.corner_8 { top:3px; right:1px; width:1px;} .topRight b.corner_9 { top:5px; width:1px;} /* fill=w25% */ .topRight b.corner_10, .topRight b.corner_11 { background:url(../images/w_25.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w_25.png',sizingMethod='scale');} .topRight b.corner_10 { top:0; right:4px; width:1px;} .topRight b.corner_11 { top:4px; width:1px;} /* fill=w15% */ .topRight b.corner_12, .topRight b.corner_13 { background:url(../images/w_15.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w_15.png',sizingMethod='scale');} .topRight b.corner_12 { top:1px; right:2px; width:1px;} .topRight b.corner_13 { top:2px; right:1px; width:1px;} /* fill=50% */ .topRight b.corner_14, .topRight b.corner_15 { /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:.5; opacity:.5;} .topRight b.corner_14 { top:2px; right:3px; width:2px;} .topRight b.corner_15 { top:4px; right:2px; width:1px;} /* fill=25% */ .topRight b.corner_16 { /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity:.25; opacity:.25; display:none } .topRight b.corner_16 { top:3; right:3px; width:1px;} /* fill=15% */ .topRight b.corner_17, .topRight b.corner_18 { /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15); -moz-opacity:.15; opacity:.15;} .topRight b.corner_17 { top:2px; right:5px; width:1px;} .topRight b.corner_18 { top:5px; right:2px; width:1px;} /* fill=75% */ .topRight b.corner_19 { top:2px; right:3px; width:1px; /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity:.75; opacity:.75;} /**/ /* Bottom LEFT */ .botLeft { z-index:2000; position:absolute; left:0; bottom:0; width:12px; height:12px;} .botLeft b { position:absolute; display:block; left:0; height:1px; overflow:hidden;} /*white*/ .botLeft b.corner_1 { bottom:0; width:4px;} .botLeft b.corner_2 { bottom:1px; width:2px;} .botLeft b.corner_3 { bottom:2px; width:1px; height:2px;} /* 100% */ .botLeft b.corner_4 { bottom:1px; left:3px; width:3px; } .botLeft b.corner_5 { bottom:2px; left:2px; width:1px; height:2px;} .botLeft b.corner_6 { bottom:4px; left:1px; width:1px; height:2px;} /* fill=w50% */ .botLeft b.corner_7, .botLeft b.corner_8, .botLeft b.corner_9 { background:url(../images/w_50.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w_50.png',sizingMethod='scale');} .botLeft b.corner_7 { bottom:0; left:5px; width:1px;} .botLeft b.corner_8 { bottom:3px; left:1px; width:1px;} .botLeft b.corner_9 { bottom:5px; width:1px;} /* fill=w25% */ .botLeft b.corner_10, .botLeft b.corner_11 { background:url(../images/w_25.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w_25.png',sizingMethod='scale');} .botLeft b.corner_10 { bottom:0; left:4px; width:1px;} .botLeft b.corner_11 { bottom:4px; width:1px;} /* fill=w15% */ .botLeft b.corner_12, .botLeft b.corner_13 { background:url(../images/w_15.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w_15.png',sizingMethod='scale');} .botLeft b.corner_12 { bottom:1px; left:2px; width:1px;} .botLeft b.corner_13 { bottom:2px; left:1px; width:1px;} /* fill=50% */ .botLeft b.corner_14, .botLeft b.corner_15 { /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:.5; opacity:.5;} .botLeft b.corner_14 { bottom:2px; left:3px; width:2px;} .botLeft b.corner_15 { bottom:4px; left:2px; width:1px;} /* fill=25% */ .botLeft b.corner_16 { /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity:.25; opacity:.25;} .botLeft b.corner_16 { bottom:3; left:3px; width:1px;} /* fill=15% */ .botLeft b.corner_17, .botLeft b.corner_18 { /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15); -moz-opacity:.15; opacity:.15;} .botLeft b.corner_17 { bottom:2px; left:5px; width:1px;} .botLeft b.corner_18 { bottom:5px; left:2px; width:1px;} /* fill=75% */ .botLeft b.corner_19 { bottom:2px; left:3px; width:1px; /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity:.75; opacity:.75;} /**/ /* Bottom RIGHT */ .botRight { z-index:2000; position:absolute; right:0; bottom:0; width:12px; height:12px;} .botRight b { position:absolute; display:block; right:0; height:1px; overflow:hidden;} /*white*/ .botRight b.corner_1 { bottom:0; width:4px;} .botRight b.corner_2 { bottom:1px; width:2px;} .botRight b.corner_3 { bottom:2px; width:1px; height:2px;} /* 100% */ .botRight b.corner_4 { bottom:1px; right:3px; width:3px;} .botRight b.corner_5 { bottom:2px; right:2px; width:1px; height:2px;} .botRight b.corner_6 { bottom:4px; right:1px; width:1px; height:2px;} /* fill=w50% */ .botRight b.corner_7, .botRight b.corner_8, .botRight b.corner_9 { background:url(../images/w_50.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w_50.png',sizingMethod='scale');} .botRight b.corner_7 { bottom:0; right:5px; width:1px;} .botRight b.corner_8 { bottom:3px; right:1px; width:1px;} .botRight b.corner_9 { bottom:5px; width:1px;} /* fill=w25% */ .botRight b.corner_10, .botRight b.corner_11 { background:url(../images/w_25.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w_25.png',sizingMethod='scale');} .botRight b.corner_10 { bottom:0; right:4px; width:1px;} .botRight b.corner_11 { bottom:4px; width:1px;} /* fill=w15% */ .botRight b.corner_12, .botRight b.corner_13 { background:url(../images/w_15.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/w_15.png',sizingMethod='scale');} .botRight b.corner_12 { bottom:1px; right:2px; width:1px;} .botRight b.corner_13 { bottom:2px; right:1px; width:1px;} /* fill=50% */ .botRight b.corner_14, .botRight b.corner_15 { /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:.5; opacity:.5;} .botRight b.corner_14 { bottom:2px; right:3px; width:2px;} .botRight b.corner_15 { bottom:4px; right:2px; width:1px;} /* fill=25% */ .botRight b.corner_16 { /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity:.25; opacity:.25;} .botRight b.corner_16 { bottom:3; right:3px; width:1px;} /* fill=15% */ .botRight b.corner_17, .botRight b.corner_18 { /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15); -moz-opacity:.15; opacity:.15;} .botRight b.corner_17 { bottom:2px; right:5px; width:1px;} .botRight b.corner_18 { bottom:5px; right:2px; width:1px;} /* fill=75% */ .botRight b.corner_19 { bottom:2px; right:3px; width:1px; /zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity:.75; opacity:.75;} /*-- colors -- */ /*white*/ b.corner_1, b.corner_2, b.corner_3 { background:#fff;} /*colored - see below: part of Greeting Card*/ /*** end of new - corners ***/ /**** BOX_3 ****/ .box_3 { position:relative; width:582px;} .box_3 .topS, .box_3 .botS { overflow:hidden;} .directSpeech { border:none; margin-top:40px;/**/} .directSpeech .contentS { border:none; padding:8px 30px; _height:10px; overflow:hidden; _overflow:visible;} .directSpeech .topS { height:26px;} .directSpeech .botS { height:26px;} .personalInfo { /*margin-top:31px;*/ position:relative; /**/_height:10px; overflow:hidden; _overflow:visible;} .personalInfo .contentS { padding:8px 0 8px 8px; min-height:124px; _height:124px;} .personalInfo .topS, .personalInfo .botS { position: relative; width:582px; height:26px;} .personalInfo .contentS { background:url(../images/box3_bg1.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bg1.png',sizingMethod='scale');} .personalInfo .topS { /*top:-26px;*/ background:url(../images/box3_top1.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_top1.png',sizingMethod='crop');} .personalInfo .botS { /*bottom:-26px;*/ background:url(../images/box3_bot1.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bot1.png',sizingMethod='crop');} /**** BOX_4 ****/ .box_4 { position:relative; margin-left:30px; min-height:62px; _height:62px; background:url(../images/box4_topBg.gif) left top repeat-x #fff; border:1px solid #dddfe3;} .box_4 .content { overflow:hidden; _visibility:visible;} .box_4 .topL, .box_4 .topR, .box_4 .botL, .box_4 .botR { position:absolute; width:6px; height:6px; overflow:hidden;} .box_4 .topL { left:-1px; top:-1px; background:url(../images/box4_topL.gif) left top no-repeat;} .box_4 .topR { right:-1px; top:-1px; background:url(../images/box4_topR.gif) left top no-repeat;} .box_4 .botL { left:-1px; bottom:-1px; background:url(../images/box4_botL.gif) left top no-repeat;} .box_4 .botR { right:-1px; bottom:-1px; background:url(../images/box4_botR.gif) left top no-repeat;} .box_4 h2 { font-size:18px;} .box_4 b.bluewhite { display:block; background:url(../images/star_blueWhite14.png) 2px top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_blueWhite14.png',sizingMethod='crop');} .box_4 b.diamond { display:block; background:url(../images/star_diamond14.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_diamond14.png',sizingMethod='crop');} .box_4 b.gold { display:block; background:url(../images/star_gold14.png) 2px top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_gold14.png',sizingMethod='crop');} .box_4 b.silver { display:block; background:url(../images/star_silver14.png) 2px top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_silver14.png',sizingMethod='crop');} .box_4 b.bronze { display:block; background:url(../images/star_bronze14.png) 2px top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_bronze14.png',sizingMethod='crop');} .box_4 b.pioneer { display:block; background:url(../images/star_pioneer14.png) 2px top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_pioneer14.png',sizingMethod='crop');} .box_4 b.initiator { display:block; background:url(../images/star_initiator14.png) 2px top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_initiator14.png',sizingMethod='crop');} .box_4 b.other { display:block; background:url(../images/star_other14.png) 2px top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_other14.png',sizingMethod='crop');} /**** FORM ****/ p.textField { /*height:44px;*/} p.textField label { display:block; font-family:Tahoma; } p.textField #uploadPicture { border:1px solid gray; height:20px; color:black; width:200px !important; cursor:pointer } p.textField .uploadPicture { border:1px solid gray; height:20px; color:black; font-size:11px; width:70px !important; font-family:Tahoma; cursor:pointer } p.textField input { _margin-left:0;} label span, span.red { color:#ff0000;} p.textField span.info { font-size:9px; color:#666; line-height:12px;} #chooseBackground input, #chooseAvatar input, #join_step1 #cont_right input { border:none} /* Choose Background */ /**/#chooseBackground a { /*position:relative;*/ display:block; float:left; margin-right:18px; margin-bottom:5px; width:50px; height:50px; border:2px solid #ccc; cursor:hand;/**/ background-color:#ccc; /*cursor:default*/} #chooseBackground a div { /*display:block; */visibility:hidden; width:1px; height:1px;} #chooseBackground a:hover { background-color:#fff; } /**/#chooseBackground a:hover div { position:absolute; margin-left:-278px; margin-top:-80px; visibility:visible; width:250px; height:350px; border:2px solid #ccc;} #chooseBackground a.bg1sm:hover div { background:url(../images/GC_bg1.jpg) center no-repeat;} #chooseBackground a.bg2sm:hover div { background:url(../images/GC_bg2.jpg) center no-repeat;} #chooseBackground a.bg3sm:hover div { background:url(../images/GC_bg3.jpg) center no-repeat;} #chooseBackground a.bg4sm:hover div { background:url(../images/GC_bg4.jpg) center no-repeat;} #chooseBackground a.bg5sm:hover div { background:url(../images/GC_bg5.jpg) center no-repeat;} #chooseBackground a.bg6sm:hover div { background:url(../images/GC_bg6.jpg) center no-repeat;} #chooseBackground a.bg7sm:hover div { background:url(../images/GC_bg7.jpg) center no-repeat;} #chooseBackground a.bg8sm:hover div { background:url(../images/GC_bg8.jpg) right bottom no-repeat;} #chooseBackground a.bg9sm:hover div { background:url(../images/GC_bg9.jpg) right bottom no-repeat;} #join_step3 .box_4 .content { overflow: visible;} #join_step3 #cont_right { /**/z-index:30; overflow:visible;} /**** Pages ****/ /**** ABOUT US ****/ #about .butArea .but { margin:0 auto;} /**** PARTICIPATING CHARITIES ****/ #charities #cont_right .box { margin-left:30px} #charities #cont_right .box img { max-width:186px; height:auto; max-height:80px; _width:186px; } #charities #cont_right .box ul li {padding:0; margin-right:25px; width:186px; height:190px; text-align:center;} #charities #cont_right .box ul li span { display:block; padding-top:5px; width:186px; font-size:10px; color:#666666; text-align:center;/* border:1px solid red*/} #charities .butArea .but { margin:0 auto;} /**** SPONSORS ****/ #sponsors #cont_right h2 { clear:both } #sponsors #cont_right .box { margin-left:30px} #sponsors #cont_right .box img { max-width:186px; height:auto; max-height:80px; _width:186px;} #sponsors #cont_right .box ul li {padding:0; margin-right:25px; width:186px; height:190px; text-align:center;} #sponsors .butArea .but { margin:0 auto;} #sponsors #cont_right .box ul li span { display:block; padding-top:5px; width:186px; font-size:10px; color:#666666; text-align:center;/* border:1px solid red*/} /**** TERMS ****/ #terms .butArea .but { margin:0 auto;} #terms #cont_right ul { margin-bottom:20px;} #terms #cont_right ul li { padding-left:13px; margin-left:30px; line-height:19px; background:url(../images/bul_arrow4.gif) 0 8px no-repeat;} /**** GREETING CARD ****/ .greetingCard { margin:25px 0 25px 29px; width:640px;} #greetingCard p strong { display:block} img.foto { z-index:15; position:relative; /**/margin:-16px 0 -10px 10px; width:170px; height:auto; border:2px solid #e9e480;} .directSpeech { font-size:26px; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-style:italic; line-height:34px;} .signature { display:block; margin:18px 0 0 0; font-family:Tahoma; font-size:18px; line-height:18px; color:#666; text-align:right;} .personalInfo .contentS { padding-top:14px;} .personalInfo table td { /*vertical-align:text-bottom; border:1px solid red;*/} .personalInfo table table { /*float:right; margin-right:16px;*/ margin-left:20px; _margin-right:8px; width:350px; max-width:350px; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:21px; color:#333;} .personalInfo table table td { padding-bottom:10px; /**/vertical-align:top; line-height:18px; height:auto; /*border:1px solid #efefef; overflow:visible;*/} .personalInfo table td a { position:relative; display:block;} .personalInfo table td.title { /*width:184px; /width:182px; font-weight:bold;*/ color:gray; padding-right:8px; text-align:right;} .personalInfo table td.small { letter-spacing:-1px; font-weight:normal;} .personalInfo td.level { padding-top:15px;} .personalInfo b.star { width:56px; height:31px; font-weight:normal; padding:15px 0 0 50px;/* border:1px solid red; */} .personalInfo b.diamond { display:block; background:url(../images/star_diamond44.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_diamond44.png',sizingMethod='crop');} .personalInfo b.bluewhite { display:block; background:url(../images/star_blueWhite44.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_blueWhite44.png',sizingMethod='crop');} .personalInfo b.gold { display:block; background:url(../images/star_gold44.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_gold44.png',sizingMethod='crop');} .personalInfo b.silver { display:block; background:url(../images/star_silver44.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_silver44.png',sizingMethod='crop');} .personalInfo b.bronze { display:block; background:url(../images/star_bronze44.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_bronze44.png',sizingMethod='crop');} .personalInfo b.pioneer { display:block; background:url(../images/star_pioneer44.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_pioneer44.png',sizingMethod='crop');} .personalInfo b.initiator { display:block; background:url(../images/star_initiator44.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_initiator44.png',sizingMethod='crop');} .personalInfo b.other { display:block; background:url(../images/star_other44.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_other44.png',sizingMethod='crop');} /*** BG OPTION by type ***/ .type_1 .mat2 { background:url(../images/GC_bg1.jpg) left bottom no-repeat;} .type_2 .mat2 { background:url(../images/GC_bg2.jpg) left bottom no-repeat;} .type_3 .mat2 { background:url(../images/GC_bg3.jpg) left bottom no-repeat;} .type_4 .mat2 { background:url(../images/GC_bg4.jpg) left bottom no-repeat;} .type_5 .mat2 { background:url(../images/GC_bg5.jpg) left bottom no-repeat;} .type_6 .mat2 { background:url(../images/GC_bg6.jpg) left bottom no-repeat;} .type_7 .mat2 { background:url(../images/GC_bg7.jpg) left bottom no-repeat;} .type_8 .mat2 { background:url(../images/GC_bg8.jpg) left bottom no-repeat;} .type_9 .mat2 { background:url(../images/GC_bg9.jpg) left bottom repeat-y;} /* BG OPTION by level */ #gold .directSpeech .contentS { background:url(../images/box3_bg2_gold.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bg2_gold.png',sizingMethod='scale');} #gold .directSpeech .topS { background:url(../images/box3_top2_gold.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_top2_gold.png',sizingMethod='crop');} #gold .directSpeech .botS { background:url(../images/box3_bot2_gold.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bot2_gold.png',sizingMethod='crop');} #silver .directSpeech .contentS { background:url(../images/box3_bg2_silver.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bg2_silver.png',sizingMethod='scale');} #silver .directSpeech .topS { background:url(../images/box3_top2_silver.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_top2_silver.png',sizingMethod='crop');} #silver .directSpeech .botS { background:url(../images/box3_bot2_silver.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bot2_silver.png',sizingMethod='crop');} #bronze .directSpeech .contentS { background:url(../images/box3_bg2_bronze.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bg2_bronze.png',sizingMethod='scale');} #bronze .directSpeech .topS { background:url(../images/box3_top2_bronze.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_top2_bronze.png',sizingMethod='crop');} #bronze .directSpeech .botS { background:url(../images/box3_bot2_bronze.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bot2_bronze.png',sizingMethod='crop');} #pioneer .directSpeech .contentS { background:url(../images/box3_bg2_pioneer.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bg2_pioneer.png',sizingMethod='scale');} #pioneer .directSpeech .topS { background:url(../images/box3_top2_pioneer.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_top2_pioneer.png',sizingMethod='crop');} #pioneer .directSpeech .botS { background:url(../images/box3_bot2_pioneer.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bot2_pioneer.png',sizingMethod='crop');} #initiator .directSpeech .contentS { background:url(../images/box3_bg2_initiator.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bg2_initiator.png',sizingMethod='scale');} #initiator .directSpeech .topS { background:url(../images/box3_top2_initiator.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_top2_initiator.png',sizingMethod='crop');} #initiator .directSpeech .botS { background:url(../images/box3_bot2_initiator.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bot2_initiator.png',sizingMethod='crop');} #other .directSpeech .contentS { background:url(../images/box3_bg2_other.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bg2_other.png',sizingMethod='scale');} #other .directSpeech .topS { background:url(../images/box3_top2_other.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_top2_other.png',sizingMethod='crop');} #other .directSpeech .botS { background:url(../images/box3_bot2_other.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bot2_other.png',sizingMethod='crop');} #diamond .directSpeech .contentS { background:url(../images/box3_bg2_diamond.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bg2_diamond.png',sizingMethod='scale');} #diamond .directSpeech .topS { background:url(../images/box3_top2_diamond.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_top2_diamond.png',sizingMethod='crop');} #diamond .directSpeech .botS { background:url(../images/box3_bot2_diamond.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bot2_diamond.png',sizingMethod='crop');} #bluewhite .directSpeech .contentS { background:url(../images/box3_bg2_bw.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bg2_bw.png',sizingMethod='scale');} #bluewhite .directSpeech .topS { background:url(../images/box3_top2_bw.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_top2_bw.png',sizingMethod='crop');} #bluewhite .directSpeech .botS { background:url(../images/box3_bot2_bw.png) left top repeat-y; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box3_bot2_bw.png',sizingMethod='crop');} /*** Colors ***/ #gold .mat1, #gold .bot, #gold b.corner_4, #gold b.corner_5, #gold b.corner_6, #gold b.corner_7, #gold b.corner_8, #gold b.corner_9, #gold b.corner_10, #gold b.corner_11, #gold b.corner_12, #gold b.corner_13, #gold b.corner_14, #gold b.corner_15, #gold b.corner_16, #gold b.corner_17, #gold b.corner_18, #gold b.corner_19 { background-color:#ffe683;} #gold img.foto { border-color:#ffe683} #silver .mat1, #silver .bot, #silver b.corner_4, #silver b.corner_5, #silver b.corner_6, #silver b.corner_7, #silver b.corner_8, #silver b.corner_9, #silver b.corner_10, #silver b.corner_11, #silver b.corner_12, #silver b.corner_13, #silver b.corner_14, #silver b.corner_15, #silver b.corner_16, #silver b.corner_17, #silver b.corner_18, #silver b.corner_19 { background-color:#b5b5b5;} #silver img.foto { border-color:#b5b5b5} #bronze .mat1, #bronze .bot, #bronze b.corner_4, #bronze b.corner_5, #bronze b.corner_6, #bronze b.corner_7, #bronze b.corner_8, #bronze b.corner_9, #bronze b.corner_10, #bronze b.corner_11, #bronze b.corner_12, #bronze b.corner_13, #bronze b.corner_14, #bronze b.corner_15, #bronze b.corner_16, #bronze b.corner_17, #bronze b.corner_18, #bronze b.corner_19 { background-color:#e88f45;} #bronze img.foto { border-color:#e88f45} #pioneer .mat1, #pioneer .bot, #pioneer b.corner_4, #pioneer b.corner_5, #pioneer b.corner_6, #pioneer b.corner_7, #pioneer b.corner_8, #pioneer b.corner_9, #pioneer b.corner_10, #pioneer b.corner_11, #pioneer b.corner_12, #pioneer b.corner_13, #pioneer b.corner_14, #pioneer b.corner_15, #pioneer b.corner_16, #pioneer b.corner_17, #pioneer b.corner_18, #pioneer b.corner_19 { background-color:#6bcf3b;} #pioneer img.foto { border-color:#6bcf3b} #initiator .mat1, #initiator .bot, #initiator b.corner_4, #initiator b.corner_5, #initiator b.corner_6, #initiator b.corner_7, #initiator b.corner_8, #initiator b.corner_9, #initiator b.corner_10, #initiator b.corner_11, #initiator b.corner_12, #initiator b.corner_13, #initiator b.corner_14, #initiator b.corner_15, #initiator b.corner_16, #initiator b.corner_17, #initiator b.corner_18, #initiator b.corner_19 { background-color:#368fda;} #initiator img.foto { border-color:#368fda} #other .mat1, #other .bot, #other b.corner_4, #other b.corner_5, #other b.corner_6, #other b.corner_7, #other b.corner_8, #other b.corner_9, #other b.corner_10, #other b.corner_11, #other b.corner_12, #other b.corner_13, #other b.corner_14, #other b.corner_15, #other b.corner_16, #other b.corner_17, #other b.corner_18, #other b.corner_19 { background-color:#ff400b;} #other img.foto { border-color:#ff400b} #diamond .mat1, #diamond .bot, #diamond b.corner_4, #diamond b.corner_5, #diamond b.corner_6, #diamond b.corner_7, #diamond b.corner_8, #diamond b.corner_9, #diamond b.corner_10, #diamond b.corner_11, #diamond b.corner_12, #diamond b.corner_13, #diamond b.corner_14, #diamond b.corner_15, #diamond b.corner_16, #diamond b.corner_17, #diamond b.corner_18, #diamond b.corner_19 { background-color:#a4c5d7;} #diamond img.foto { border-color:#a4c5d7} #bluewhite .mat1, #bluewhite .bot, #bluewhite b.corner_4, #bluewhite b.corner_5, #bluewhite b.corner_6, #bluewhite b.corner_7, #bluewhite b.corner_8, #bluewhite b.corner_9, #bluewhite b.corner_10, #bluewhite b.corner_11, #bluewhite b.corner_12, #bluewhite b.corner_13, #bluewhite b.corner_14, #bluewhite b.corner_15, #bluewhite b.corner_16, #bluewhite b.corner_17, #bluewhite b.corner_18, #bluewhite b.corner_19 { background-color:#97abd3;} #bluewhite img.foto { border-color:#97abd3} /**** JOIN NOW ****/ #joinNow .butArea .join { margin:0 auto;} #joinNow #cont_right ul.list { clear:both;} #joinNow #cont_right ul.list li { padding-bottom:6px; line-height:19px; margin-left:0} #joinNow #cont_right ul.list li.title { background:none; padding-left:0 } #joinNow #cont_right ul.list li.title a { padding-left:25px; font-size:12px; font-weight:bold; background:url(../images/bul_plus.gif) 0 1px no-repeat } #joinNow #cont_right ul.list li.title ul, #joinNow #cont_right ul.list li.title h4 { margin-left:25px; margin-bottom:10px} #joinNow #cont_right ul.list p { padding-left:25px; margin-bottom:15px} #cont_right #tabs { margin:14px 0 14px 30px; padding-top:52px; width:640px; height:18px; background:url(../images/tab_bg.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tab_bg.png',sizingMethod='crop');} #cont_right #tabs ul { margin:0; margin-left:1px; margin-top:-54px; width:640px; height:70px;} #cont_right #tabs ul li { padding:19px 0 0 12px; float:left; height:33px; background:none; /**/text-align:center;} #cont_right #tabs li a { display:block; /*float:left;*/ height:28px;} li.join_step1 { /width:58px;} li.join_step1 a { width:58px; background:url(../images/tab_step1.gif) left top no-repeat;} li.join_step1 a:hover, #join_step1 li.join_step1 a { width:58px; background:url(../images/tab_step1_ov.gif) left top no-repeat;} li.join_step2 { /width:65px;} li.join_step2 a { width:65px; background:url(../images/tab_step2.gif) left top no-repeat;} li.join_step2 a:hover, #join_step2 li.join_step2 a { width:65px; background:url(../images/tab_step2_ov.gif) left top no-repeat;} li.join_step3 { /width:71px;} li.join_step3 a { width:71px; background:url(../images/tab_step3.gif) left top no-repeat;} li.join_step3 a:hover, #join_step3 li.join_step3 a { width:71px; background:url(../images/tab_step3_ov.gif) left top no-repeat;} li.join_step4 { /width:95px;} li.join_step4 a { width:95px; background:url(../images/tab_step4.gif) left top no-repeat;} li.join_step4 a:hover, #join_step4 li.join_step4 a { width:95px; background:url(../images/tab_step4_ov.gif) left top no-repeat;} li.join_step5 { /width:71px;} li.join_step5 a { width:71px; background:url(../images/tab_step5.gif) left top no-repeat;} li.join_step5 a:hover, #join_step5 li.join_step5 a { width:71px; background:url(../images/tab_step5_ov.gif) left top no-repeat;} li.join_step6 { /width:71px;} li.join_step6 a { width:71px; background:url(../images/tab_step6.gif) left top no-repeat;} li.join_step6 a:hover, #join_step6 li.join_step6 a { width:71px; background:url(../images/tab_step6_ov.gif) left top no-repeat;} li.join_step7 { /width:49px;} li.join_step7 a { width:49px; background:url(../images/tab_step7.gif) left top no-repeat;} li.join_step7 a:hover, #join_step7 li.join_step7 a { width:49px; background:url(../images/tab_step7_ov.gif) left top no-repeat;} li.join_step8 { /width:49px;} li.join_step8 a { width:49px; background:url(../images/tab_step8.gif) left top no-repeat;} li.join_step8 a:hover, #join_step8 li.join_step8 a { width:49px; background:url(../images/tab_step8_ov.gif) left top no-repeat;} .lineS { position:relative; margin:0 auto; display:block; width:3px; height:8px; background:url(../images/tab_lineS.gif) left top no-repeat; overflow:hidden;} .line { display:block; margin-left:40px; /*left:90px;*/ top:52px; width:561px; height:1px; border:1px solid #a2acb8; background:#e0ebf6; overflow:hidden;} /**/ #join_step1 li.join_step1 a, #join_step2 li.join_step2 a, #join_step3 li.join_step3 a, #join_step4 li.join_step4 a, #join_step5 li.join_step5 a, #join_step6 li.join_step6 a { cursor:default;} #join_step1 li.join_step2 a:hover { background-image:url(../images/tab_step2.gif); cursor:default;} #join_step1 li.join_step3 a:hover, #join_step2 li.join_step3 a:hover { background-image:url(../images/tab_step3.gif); cursor:default;} #join_step1 li.join_step4 a:hover, #join_step2 li.join_step4 a:hover, #join_step3 li.join_step4 a:hover { background-image:url(../images/tab_step4.gif); cursor:default;} #join_step1 li.join_step5 a:hover, #join_step2 li.join_step5 a:hover, #join_step3 li.join_step5 a:hover, #join_step4 li.join_step5 a:hover { background-image:url(../images/tab_step5.gif); cursor:default;} #join_step1 li.join_step6 a:hover, #join_step2 li.join_step6 a:hover, #join_step3 li.join_step6 a:hover, #join_step4 li.join_step6 a:hover, #join_step5 li.join_step6 a:hover { background-image:url(../images/tab_step6.gif); cursor:default;} #join_step1 li.join_step7 a:hover, #join_step2 li.join_step7 a:hover, #join_step3 li.join_step7 a:hover, #join_step4 li.join_step7 a:hover, #join_step5 li.join_step7 a:hover, #join_step6 li.join_step7 a:hover { background-image:url(../images/tab_step7.gif); cursor:default;} #join_step1 li.join_step8 a:hover, #join_step2 li.join_step8 a:hover, #join_step3 li.join_step8 a:hover, #join_step4 li.join_step8 a:hover, #join_step5 li.join_step8 a:hover, #join_step6 li.join_step8 a:hover, #join_step7 li.join_step8 a:hover { background-image:url(../images/tab_step8.gif); cursor:default;} /**/ #join_step1 #cont_right #tabs li.join_step2 { background:url(../images/arrowDoubleR.gif) 4px 29px no-repeat;} #join_step2 #cont_right #tabs li.join_step2 { background:url(../images/arrowDoubleL.gif) 4px 29px no-repeat;} #join_step2 #cont_right #tabs li.join_step3 { background:url(../images/arrowDoubleR.gif) 4px 29px no-repeat;} #join_step3 #cont_right #tabs li.join_step3 { background:url(../images/arrowDoubleL.gif) 4px 29px no-repeat;} #join_step3 #cont_right #tabs li.join_step4 { background:url(../images/arrowDoubleR.gif) 4px 29px no-repeat;} #join_step4 #cont_right #tabs li.join_step4 { background:url(../images/arrowDoubleL.gif) 4px 29px no-repeat;} #join_step4 #cont_right #tabs li.join_step5 { background:url(../images/arrowDoubleR.gif) 4px 29px no-repeat;} #join_step5 #cont_right #tabs li.join_step5 { background:url(../images/arrowDoubleL.gif) 3px 29px no-repeat;} #join_step5 #cont_right #tabs li.join_step6 { background:url(../images/arrowDoubleR.gif) 4px 29px no-repeat;} #join_step6 #cont_right #tabs li.join_step6 { background:url(../images/arrowDoubleL.gif) 3px 29px no-repeat;} #join_step6 #cont_right #tabs li.join_step7 { background:url(../images/arrowDoubleR.gif) 4px 29px no-repeat;} #join_step7 #cont_right #tabs li.join_step7 { background:url(../images/arrowDoubleL.gif) 3px 29px no-repeat;} #join_step7 #cont_right #tabs li.join_step8 { background:url(../images/arrowDoubleR.gif) 4px 29px no-repeat;} #join_step8 #cont_right #tabs li.join_step8 { background:url(../images/arrowDoubleL.gif) 3px 29px no-repeat;} /*** STEP 1 ***/ #join_step1 h3 { margin:20px 0 0 30px } #join_step1 .showHide { width:300px; float:right; margin-bottom:25px } #join_step1 .showHide h2, #join_step1 .showHide p { margin:0 15px 10px 0 } #join_step1 .showHide ul { font-size:11px; color:#666666; margin-right:15px } #join_step1 .showHide ul li { padding-left:13px; line-height:19px; background:url(../images/bul_arrow4.gif) 0 8px no-repeat;} #join_step1 #cont_right .box_4 { width:640px; min-height:230px; _height:230px; overflow:hidden; _overflow:visible } #join_step1 #cont_right .box_4 table { margin:20px; width:270px; float:left; font-size:12px; font-weight:bold;} #join_step1 #cont_right .box_4 td { padding:0 8px 0 0; line-height:22px;} #join_step1 #cont_right .box_4 input { margin-right:12px;} #join_step1 #cont_right .next { margin:20px auto;} /*** STEP 2 ***/ #join_step2 .box_4 { padding:50px 10px 50px 10px; width:620px; text-align:center;} #join_step2 .box_4 p { padding-bottom:20px; font-weight:bold; margin:0 80px} /*** STEP 3 ***/ #join_step3 .box_4 { padding:20px 10px; width:620px;} #join_step3 .box_4 p.textField { /*clear:both */ } #join_step3 .box_4 p.textField input { width:350px} #join_step3 .box_4 p.cardInfo { width:270px; float:left; _margin-left:15px } #join_step3 .box_4 p.cardInfo input { width:260px; } #join_step3 .box_4 #pic_preview { position:absolute; z-index:0; width:170px; right:45px; bottom:20px } #join_step3 .box_4 #pic_preview h2 { margin-left:0; margin-top:0; clear:both } #join_step3 .box_4 #pic_preview img { border:3px solid #e4e4e4; margin:0 auto; max-width:170px; height:auto } #sendCopy { width:310px;} #chooseBackground { float:left; width:370px; margin:0 20px 20px 25px; _margin-left:12px; /*_border:1px solid #efefef */} #chooseBackground input { float:left; margin-right:5px;} #chooseBackground a { display:block; float:left; margin-right:18px; /margin-right:9px; width:50px; height:50px; border:2px solid #ccc; cursor:default} #chooseBackground a.bg1sm { background:url(../images/greetingCard_bg1sm.jpg) left top no-repeat;} #chooseBackground a.bg2sm { background:url(../images/greetingCard_bg2sm.jpg) left top no-repeat;} #chooseBackground a.bg3sm { background:url(../images/greetingCard_bg3sm.jpg) left top no-repeat;} #chooseBackground a.bg4sm { background:url(../images/greetingCard_bg4sm.jpg) left top no-repeat;} #chooseBackground a.bg5sm { background:url(../images/greetingCard_bg5sm.jpg) left top no-repeat;} #chooseBackground a.bg6sm { background:url(../images/greetingCard_bg6sm.jpg) left top no-repeat;} #chooseBackground a.bg7sm { background:url(../images/greetingCard_bg7sm.jpg) left top no-repeat;} #chooseBackground a.bg8sm { background:url(../images/greetingCard_bg8sm.jpg) left top no-repeat;} #chooseBackground a.bg9sm { background:url(../images/greetingCard_bg9sm.jpg) left top no-repeat;} #chooseAvatar { z-index:30; _height:85px; width:370px; margin:0 20px 0 25px; /*position:relative;*/ overflow:hidden; _overflow:visible} #chooseAvatar input { float:left; margin-right:5px;} #chooseAvatar a { display:block; float:left; margin-right:18px; /margin-right:9px; margin-bottom:5px; width:50px; height:67px; border:2px solid #ccc; cursor:default} #chooseAvatar a.bg1sm { background:url(../images/icons_flag_sm.jpg) left top no-repeat;} #chooseAvatar a.bg2sm { background:url(../images/icons_man_sm.gif) left top no-repeat;} #chooseAvatar a.bg3sm { background:url(../images/icons_woman_sm.gif) left top no-repeat;} #chooseAvatar a.bg4sm { background:url(../images/icons_star_sm.jpg) left top no-repeat;} #chooseAvatar a.bg4sm { background:url(../images/icons_star_sm.jpg) left top no-repeat;} #chooseAvatar a.bg5sm { background:url(../images/icons_logo_sm.gif) left top no-repeat;} #chooseAvatar a.bg6sm { background:url(../images/icons_6_sm.jpg) left top no-repeat;} #chooseAvatar a.bg7sm { background:url(../images/icons_7_sm.jpg) left top no-repeat;} #chooseAvatar a.bg8sm { background:url(../images/icons_8_sm.jpg) left top no-repeat;} /*** STEP 4 ***/ #join_step4 .box_4 { padding:40px 0 40px 30px; /padding-left:0px; width:610px; /width:640px; font-size:11px; font-weight:bold;} #join_step4 .box_4 p.textField { padding:0; margin-left:0; /padding-left:30px;} #join_step4 .box_4 p input { width:350px } #join_step4 .box_4 textarea { width:576px; height:170px; margin-bottom:0; overflow:auto;} #join_step4 .box_4 #char_counter { width:100px; height:25px; line-height:25px; text-align:center; background:#87a3bd; margin-top:-10px; margin-left:480px; /margin-top:-12px; /margin-left:510px; color:#FFFFFF } /*** STEP 5 ***/ #join_step5 .box_4 { padding:0 0 25px 0; width:640px;} #join_step5 .box_4 p.counter { margin-bottom:20px } #join_step5 .box_4 p.checkField { float:left;/* border:1px solid red;*/ padding:0; margin:3px 0; padding-left:25px } #join_step5 .box_4 p.checkField label, #join_step5 .box_4 p.checkField input { float:left; padding:0; margin:0 } #join_step5 .box_4 input.text { width:150px; } #join_step5 .box_4 p.textField input { width:180px; margin-left:5px } #join_step5 .box_4 textarea { width:575px; height:100px; display:block } #join_step5 .box_4 p.counter { margin-top:15px } #join_step5 .box_4 input.add_line { float:left; margin-right:10px; } #join_step5 .box_4 #dedications_counter { font-weight:bold; /*color:red*/} /*#join_step5 .box_4 p.textField { float:left; padding-left:20px; _padding-left:10px; width:200px; _width:1900px; _height:45px; } #join_step5 .box_4 select { /height:25px} #join_step5 .box_4 #postalCode { width:116px;}*/ /*** STEP 7 ***/ #join_step7 .box_4 { padding:20px 0; width:640px;} #join_step7 .box_4 h2 { margin-top:0; margin-bottom:0; } #join_step7 .box_4 p, #join_step7 .box_4 h2 { padding-left:20px; } #join_step7 .box_4 p.textField { float:left; padding-left:20px; _padding-left:10px; width:270px; _width:260px; _height:45px;} #join_step7 .box_4 p.check input { border:none; background:none} #join_step7 .box_4 input, #join_step6 .box_4 select { width:196px;} #join_step7 .box_4 input { /margin-left:-30px;} #join_step7 .box_4 #postalCode { width:116px;} #join_step7 .box_4 .check { padding-bottom:10px;} #join_step7 .box_4 .check p { padding:0 0 0 20px; font-size:11px; line-height:12px;} #join_step7 .box_4 .check p input { padding:0; margin:0 8px -1px 0; width:auto;} #join_step7 .box_4 select { /height:25px} /*** STEP 8 ***/ #join_step8 .box_4 { padding:25px 0 25px 0; width:640px;} #join_step8 .box_4 h2 { margin-top:0; margin-bottom:0; } #join_step8 .box_4 p, #join_step8 .box_4 h2 { padding-left:20px; } #join_step8 .box_4 p.textField { float:left; padding-left:20px; padding-top:4px; width:270px; _width:260px; _margin-left:15px} #join_step8 .box_4 p.textField input { width:196px; /margin-left:-30px; _margin-left:-15px} #join_step8 .box_4 select { width:119px;} #join_step8 .box_4 #year { width:64px;} #join_step8 .box_4 p.textField a { font-size:10px; letter-spacing:-1px;} #join_step8 .box_4 .check input { border:none} /*** STEP 9 ***/ #join_step9 .box_4 { padding:25px 0 25px 0; width:640px; } #join_step9 .box_4 .content div { float:left; width:300px; margin-left:20px; _margin-left:10px /*border:1px solid red*/} #join_step9 .box_4 .but { margin-top:10px} #join_step9 .box_4 .red { color:#c61d22 } #join_step9 .box_4 .botL { _bottom:-2px;} #join_step9 .box_4 .botR { _bottom:-2px;} #join_step9 .box_4 p { padding-right:20px} /*** Mail Submit Pages ***/ .mail .box_4 { padding:25px 0 25px 0; width:640px; margin:10px auto; clear:both} .mail .box_4 label { margin-left:30px; display:block;} .mail .box_4 input { margin-left:30px; width:196px; margin-bottom:10px; } .mail .box_4 textarea { margin-left:30px; margin-top:4px; width:576px; height:130px; overflow:hidden;} .mail .submit { margin:0 auto} .mail .box_4 h3 { margin-bottom:20px} /**** MAIL SENT + THANK YOU ****/ #mailSent h1, #thankYou h1 { padding-bottom:80px;} #mailSent #cont_right p, #thankYou #cont_right p { font-weight:bold; text-align:center; margin-bottom:50px; padding-right:30px } #thankYou #cont_right p.info { font-size:11px; color:#333; font-weight:normal;} #mailSent #cont_right .butArea p, #thankYou #cont_right .butArea p { margin:0; } #mailSent #cont_right .butArea p.first, #thankYou #cont_right .butArea p.first { width:255px; padding-right:0; text-align:right;} #thankYou #cont_right .butArea p.first { width:235px;} #mailSent #cont_right .butArea p.last, #thankYou #cont_right .butArea p.last { width:365px; padding-left:0; text-align:left;} #thankYou #cont_right .butArea p.last { width:385px;} #mailSent #cont_right .butArea p.first a.but, #thankYou #cont_right .butArea p.first a.but { float:right;} #mailSent #cont_right .butArea p.last a.but, #thankYou #cont_right .butArea p.last a.but { float:left; margin-left:20px; } /**** FAQ ****/ #faq .butArea .join { margin:0 auto;} #faq #cont_right ul.list { clear:both;} #faq #cont_right ul.list li { background:none; padding-bottom:6px; padding-left:0; line-height:1.7em;} #faq #cont_right ul.list a { font-size:12px; font-weight:bold; background:url(../images/bul_plus.gif) 0 1px no-repeat; padding-left:20px;} #faq #cont_right ul.list p { margin:6px 0 0 0; padding:0;} a.noLimit { display:block; float:left; margin:0 0 20px 30px; _margin-left:15px; font-weight:bold;} .showHide { display:none; margin:18px 0 8px 0; } .showHide p { font-size:11px; font-weight:bold; margin-bottom:15px} /**** RESOURCES ****/ #resources h3 { margin-bottom:20px } #resources h3 a { text-decoration:none } #resources h3 a:hover { color:#000} #resources .bread_crumbs { float:right; margin-top:25px; margin-right:25px } #resources.details ul.video li { margin:10px 0px 5px 0; clear:both; } #resources.details ul.video img { margin:1px; width:50px; height:auto } #resources.details ul.video div { border:1px solid #CCC; float:left; width:52px; margin-bottom:5px; margin-right:5px } #resources.details ul.video li a { font-size:11px } #resources.videos ul.video { margin-left:30px} #resources.videos ul.video li { position:relative; width:155px; height:180px; margin:10px 40px 5px 0; float:left; } #resources.videos ul.video img { margin:1px; width:150px; height:auto } #resources.videos ul.video div { border:1px solid #CCC; width:152px; margin-bottom:5px; } #resources.videos ul.video a { font-size:11px } #resources.videos .butArea { clear:both } #resources #cont_right .butArea p.first, #resources #cont_right .butArea p.last { width:310px;} #resources.res_list .butArea .but { margin:0 auto; } .three_col { margin:0 20px 0 30px; position:relative; overflow:hidden; _overflow:visible; padding-top:3px; background:url(../images/back_three_col.gif) left top repeat-x } .three_col .separators { background:url(../images/3col_sep.gif) left top repeat-y; position:relative; overflow:hidden; _overflow:visible; _height:10px;} .three_col .col { float:left; width:33%; /*_height:10px; overflow:hidden; _overflow:visible;*/} #resources .three_col .list, .video { margin-left:15px} .three_col h3 { margin:12px 0 0 0} .res_links { background:none; margin-bottom:30px; padding-top:0 } #resources.res_list p { font-weight:bold; margin-bottom:20px } #resources.details .col li { line-height:16px; padding-top:3px} #resources .three_col span { font-size:10px; color:#666666; display:block; line-height:normal } #resources.details .col .more { float:none; clear:both; margin:25px 0 0 15px } /**** FRIENDS INDEX ****/ #friends_index .f_card { position:relative; clear:both; margin:0 0 15px 30px; width:640px; border:1px solid #e9e480; _height:100px; background:left top repeat-x } #friends_index .f_card span.big_star { position:absolute; display:block; width:46px; height:46px; left:10px; top:5px; } #friends_index .f_card .card_content { position:relative; overflow:hidden; _overflow:visible; background:left top no-repeat; _height:100px; min-height:180px } #friends_index .f_card .card_content img { float:left; margin:30px; _margin-left:15px; min-width:130px; max-width:130px; height:auto; _width:130px } #friends_index .f_card .card_content table { margin:20px 10px;} #friends_index .f_card .card_content table td { /*border:1px solid gray;*/ height:21px; color:#333; vertical-align:top } #friends_index .f_card .card_content table td.greet { font-weight:bold} #friends_index .f_card .card_content table tr td:first-child { font-weight:bold; white-space:nowrap; text-align:right; padding-right:25px; } /*IE6*/ #friends_index .f_card .card_content table tr td { _font-weight:expression(previousSibling == null ? 'bold' : 'normal'); _white-space:expression(previousSibling == null ? 'nowrap' : 'normal'); _text-align:expression(previousSibling == null ? 'right' : 'left'); _padding-right:expression(previousSibling == null ? '25px' : '10px'); } /** BigStar **/ #friends_index .diamond span.big_star { background:url(../images/star_diamond44.png) left top no-repeat; width:54px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_diamond44.png',sizingMethod='crop'); } #friends_index .bluewhite span.big_star { background:url(../images/star_blueWhite44.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_blueWhite44.png',sizingMethod='crop'); } #friends_index .gold span.big_star { background:url(../images/star_gold44.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_gold44.png',sizingMethod='crop'); } #friends_index .silver span.big_star { background:url(../images/star_silver44.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_silver44.png',sizingMethod='crop'); } #friends_index .bronze span.big_star { background:url(../images/star_bronze44.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_bronze44.png',sizingMethod='crop'); } #friends_index .pioneer span.big_star { background:url(../images/star_pioneer_44.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_pioneer_44.png',sizingMethod='crop'); } #friends_index .initiator span.big_star { background:url(../images/star_initiator44.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_initiator44.png',sizingMethod='crop'); } #friends_index .other span.big_star { background:url(../images/star_other44.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_other44.png',sizingMethod='crop'); } /** Hilite **/ #friends_index .diamond .card_content { background-image:url(../images/fCardDiamond_hilite.gif); } #friends_index .bluewhite .card_content { background-image:url(../images/fCardBlueWhite_hilite.gif); } #friends_index .gold .card_content { background-image:url(../images/fCardGold_hilite.jpg); } #friends_index .silver .card_content { background-image:url(../images/fCardSilver_hilite.gif); } #friends_index .bronze .card_content { background-image:url(../images/fCardBronze_hilite.gif); } #friends_index .pioneer .card_content { background-image:url(../images/fCardPioneer_hilite.gif); } #friends_index .initiator .card_content { background-image:url(../images/fCardInitiator_hilite.gif); } #friends_index .other .card_content { background-image:url(../images/fCardOther_hilite.gif); } /** Borders & Back **/ #friends_index div.diamond { border:1px solid #a4c5d7; background-image:url(../images/fCardDiamond_back.gif); } #friends_index div.bluewhite { border:1px solid #97abd3; background-image:url(../images/fCardBlueWhite_back.gif); } #friends_index div.gold { border:1px solid #e9e480; background-image:url(../images/fCardGold_back.gif); } #friends_index div.silver { border:1px solid #d4d6e5; background-image:url(../images/fCardSilver_back.gif); } #friends_index div.bronze { border:1px solid #f0b788; background-image:url(../images/fCardBronze_back.gif); } #friends_index div.pioneer { border:1px solid #abf089; background-image:url(../images/fCardPioneer_back.gif); } #friends_index div.initiator { border:1px solid #89cdf0; background-image:url(../images/fCardInitiator_back.gif); } #friends_index div.other { border:1px solid #ed9797; background-image:url(../images/fCardOther_back.gif); } #friends_index .diamond img { border:3px solid #b5c0c6; } #friends_index .bluewhite img { border:3px solid #b7c7e7; } #friends_index .gold img { border:3px solid #e8da93; } #friends_index .silver img { border:3px solid #d5d5dc; } #friends_index .bronze img { border:3px solid #f5d7be; } #friends_index .pioneer img { border:3px solid #abf089; } #friends_index .initiator img { border:3px solid #89cdf0; } #friends_index .other img { border:3px solid #ed9797; } /** Corners **/ #friends_index .f_card b { display:block; width:10px; height:10px; position:absolute; background:left top no-repeat;} #friends_index .f_card b.top_l { top:-1px; left:-1px } #friends_index .f_card b.bot_l { bottom:-1px; left:-1px; _bottom:-6px; } #friends_index .f_card b.top_r { top:-1px; right:-1px } #friends_index .f_card b.bot_r { bottom:-1px; right:-1px; _bottom:-6px; } #friends_index .diamond b.top_l { background-image:url(../images/fCardDiamond_top_left.gif) } #friends_index .diamond b.bot_l { background-image:url(../images/fCardDiamond_bot_left.gif) } #friends_index .diamond b.top_r { background-image:url(../images/fCardDiamond_top_right.gif) } #friends_index .diamond b.bot_r { background-image:url(../images/fCardDiamond_bot_right.gif) } #friends_index .bluewhite b.top_l { background-image:url(../images/fCardBlueWhite_top_left.gif) } #friends_index .bluewhite b.bot_l { background-image:url(../images/fCardBlueWhite_bot_left.gif) } #friends_index .bluewhite b.top_r { background-image:url(../images/fCardBlueWhite_top_right.gif) } #friends_index .bluewhite b.bot_r { background-image:url(../images/fCardBlueWhite_bot_right.gif) } #friends_index .gold b.top_l { background-image:url(../images/fCardGold_top_left.gif) } #friends_index .gold b.bot_l { background-image:url(../images/fCardGold_bot_left.gif) } #friends_index .gold b.top_r { background-image:url(../images/fCardGold_top_right.gif) } #friends_index .gold b.bot_r { background-image:url(../images/fCardGold_bot_right.gif) } #friends_index .silver b.top_l { background-image:url(../images/fCardSilver_top_left.gif) } #friends_index .silver b.bot_l { background-image:url(../images/fCardSilver_bot_left.gif) } #friends_index .silver b.top_r { background-image:url(../images/fCardSilver_top_right.gif) } #friends_index .silver b.bot_r { background-image:url(../images/fCardSilver_bot_right.gif) } #friends_index .bronze b.top_l { background-image:url(../images/fCardBronze_top_left.gif) } #friends_index .bronze b.bot_l { background-image:url(../images/fCardBronze_bot_left.gif) } #friends_index .bronze b.top_r { background-image:url(../images/fCardBronze_top_right.gif) } #friends_index .bronze b.bot_r { background-image:url(../images/fCardBronze_bot_right.gif) } #friends_index .pioneer b.top_l { background-image:url(../images/fCardPioneer_top_left.gif) } #friends_index .pioneer b.bot_l { background-image:url(../images/fCardPioneer_bot_left.gif) } #friends_index .pioneer b.top_r { background-image:url(../images/fCardPioneer_top_right.gif) } #friends_index .pioneer b.bot_r { background-image:url(../images/fCardPioneer_bot_right.gif) } #friends_index .initiator b.top_l { background-image:url(../images/fCardInitiator_top_left.gif) } #friends_index .initiator b.bot_l { background-image:url(../images/fCardInitiator_bot_left.gif) } #friends_index .initiator b.top_r { background-image:url(../images/fCardInitiator_top_right.gif) } #friends_index .initiator b.bot_r { background-image:url(../images/fCardInitiator_bot_right.gif) } #friends_index .other b.top_l { background-image:url(../images/fCardOther_top_left.gif) } #friends_index .other b.bot_l { background-image:url(../images/fCardOther_bot_left.gif) } #friends_index .other b.top_r { background-image:url(../images/fCardOther_top_right.gif) } #friends_index .other b.bot_r { background-image:url(../images/fCardOther_bot_right.gif) } /* sMALL sTAR*/ #friends_index td span { padding-top:5px; _padding-top:0; margin-top:-5px; _margin-top:0; padding-left:20px; text-align:left; display:block; _zoom:1;} #friends_index .diamond td span { background:url(../images/star_diamond14.png) left 5px no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_diamond14.png',sizingMethod='crop');} #friends_index .bluewhite td span { background:url(../images/star_blueWhite14.png) left 5px no-repeat; height:20px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_blueWhite14.png',sizingMethod='crop');} #friends_index .gold td span { background:url(../images/star_gold14.png) left 5px no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_gold14.png',sizingMethod='crop');} #friends_index .silver td span { background:url(../images/star_silver14.png) left 5px no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_silver14.png',sizingMethod='crop');} #friends_index .bronze td span { background:url(../images/star_bronze14.png) left 5px no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_bronze14.png',sizingMethod='crop');} #friends_index .pioneer td span { background:url(../images/star_pioneer14.png) left 5px no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_pioneer14.png',sizingMethod='crop');} #friends_index .initiator td span { background:url(../images/star_initiator14.png) left 5px no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_initiator14.png',sizingMethod='crop');} #friends_index .other td span { background:url(../images/star_other14.png) left 5px no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_other14.png',sizingMethod='crop');} /* Indexing Tabs */ #friends_index #tabs { clear:both; padding:10px 20px; /padding-left:10px; height:50px; width:660px; _width:610px } #friends_index #tabs p { float:left; margin-left:3px; _margin-left:5px; } #friends_index #tabs p label { font-weight:bold; display:block; } #friends_index #tabs input.text { width:360px; margin-top:2px; /margin-top:0 } #friends_index #tabs select { margin-top:1px; } #friends_index #tabs p.flid { margin-left:20px } #friends_index #tabs .search { background-position:left top} /* Sorting */ .sorting { padding-left:40px; } .sorting * {float:left; padding-bottom:5px; /padding-bottom:0} .sorting strong { padding-right:5px; padding-top:3px} .sorting a { display:block; margin-left:10px; padding:3px 4px; font-size:11px; color:#666666; background:url(../images/arr_down_unactive.gif) right 5px no-repeat; padding-right:15px; height:14px} .sorting a:hover { color:#000000} .sorting a.asc { font-weight:bold; color:black; background:url(../images/arr_down.gif) right 5px no-repeat; } .sorting a.desc { font-weight:bold; color:black; background:url(../images/arr_up.gif) right 5px no-repeat;} .sorting span {/* border:1px solid red;*/ display:block; /*margin-right:5px;*/ margin-left:3px; background:url(../images/arr_down.gif) left 5px no-repeat } div.pages { width:auto; font-size:11px; height:25px; margin-left:40px; /* border:1px solid red;*/ position:relative; overflow:hidden; overflow:visible;} div.pages a { float:left; margin-right:1px; _margin-right:1px; padding:2px 10px; display:block; text-decoration:none; width:8px; height:20px; color:#333;/* background:url(../images/but_bg.gif) left top no-repeat ; border:1px solid red*/ } div.pages a:hover { background:url(../images/but_bg.gif) left top no-repeat } div.pages a.butArr2 { padding-left:5px; padding-right:15px; } div.pages a.active { background:url(../images/but_bg.gif) left top no-repeat; font-weight:bold; text-decoration:none } div.pages a.dec { padding-left:5px }