/* styles.css This document contains elements that are used on specific pages. */ /* 1.0 Homepage */ .pg_homepage #content .top { float: left; width: 926px; margin-top: -10px} .pg_homepage #content .top .left { float: left; width: 416px; } .pg_homepage #content .top .right { float: left; width: 516px; margin-right: -25px; margin-left: 1px; } .pg_homepage #content .btm { float: left; width: 926px; margin-top: 10px} .pg_homepage #content .btm .left { float: left; width: 293px; margin-right: 21px; display: inline; } .pg_homepage #content .btm .center { float: left; width: 293px; margin-right: 21px; display: inline; } .pg_homepage #content .btm .right { float: left; width: 293px; position: relative; margin-right: -30px} .pg_homepage #content .btm .left .pod, .pg_homepage #content .btm .center .pod, .pg_homepage #content .btm .right .pod { margin-bottom: 20px; } #content .buttonA { display: block; background: #33231a; padding: 6px 18px; color: #e9e1cc; } #content .buttonA:hover { background: #3F2D23; } #content .pod { float: left; position: relative; background: #1b120d; padding: 0px 10px 10px; } #content .p288 { width: 275px; } #content .p416 { width: 397px; } #content .p516 { width: 484px; } #content .pod h1 { background: #110b08; padding: 10px; margin: 0px -10px} /* Celebrity Videos Pod */ #content .celebrityvideos { padding: 0px 7px 10px 6px; background: none;} #content .celebrityvideos h1 { margin: 0px -7px 5px -6px; } #content .celebrityvideos dl { float: left; display: inline; margin-right: 4px; width: 96px; } #content .celebrityvideos dl.r { margin-right: 0px; } #content .celebrityvideos dt { margin-bottom: 2px } #content .celebrityvideos dt img { width: 96px; } #content .celebrityvideos dt a { /*opacity: .55; filter: alpha(opacity=55); */display: block; width: 96px; border: 1px solid #000} #content .celebrityvideos dt a:hover { /*opacity: 1; filter: alpha(opacity=100); */border: 1px solid #dccaa3} #content .celebrityvideos dd { font-size: 10px; text-align: center;} #content .celebrityvideos a.more { margin-top: 10px; color: #8a7c5b; float: right; } #content .celebrityvideos a.more:hover { color: #a0906a; } /* Member Videos Pod */ #content .membervideos { clear: left; float: left; background: none; margin-top: 10px; padding: 0px 7px 10px 6px} #content .membervideos h1 { margin: 0px -7px 5px -6px; } #content .membervideos dl { float: left; display: inline; margin-right: 4px; width: 63px; } #content .membervideos dl.r { margin-right: -10px; } #content .membervideos dt { margin-bottom: 2px } #content .membervideos dt img { width: 63px; } #content .membervideos dt a { /* opacity: .55; filter: alpha(opacity=55); */display: block; width: 63px; border: 1px solid #000} #content .membervideos dt a:hover { /*opacity: 1; filter: alpha(opacity=100); */border: 1px solid #dccaa3} #content .membervideos dd { font-size: 10px; text-align: center;} #content .membervideos a.more { margin-top: 10px; color: #8a7c5b; float: right; } #content .membervideos a.more:hover { color: #a0906a; } /* All Videos Pod */ #content .allvideos { padding: 0px 7px 10px 6px; background: none;} #content .allvideos h1 { margin: 0px -7px 5px -6px; } #content .allvideos dl { float: left; display: inline; margin-right: 4px; width: 96px; } #content .allvideos dl.r { margin-right: 0px; } #content .allvideos dt { margin-bottom: 2px } #content .allvideos dt img { width: 96px; } #content .allvideos dt a { display: block; width: 96px; border: 1px solid #000} #content .allvideos dt a:hover { border: 1px solid #dccaa3} #content .allvideos dd { font-size: 10px; text-align: center; margin-bottom: 5px; } #content .allvideos a.more { margin-top: 1px; color: #8a7c5b; float: right; } #content .allvideos a.more:hover { color: #a0906a; } /* YouTube Videos */ #content .youtubevideos { padding: 0px 7px 10px 6px; background: none;} #content .youtubevideos h1 { margin: 0px -7px 5px -6px; position: relative;} #content .youtubevideos h1 img { position: absolute; top: -10px; right: 10px; } #content .youtubevideos dl { float: left; display: inline; margin-right: 4px; width: 96px; } #content .youtubevideos dl.r { margin-right: 0px; } #content .youtubevideos dt { margin-bottom: 2px } #content .youtubevideos dt img { width: 96px; } #content .youtubevideos dt a { display: block; width: 96px; border: 1px solid #000} #content .youtubevideos dt a:hover { border: 1px solid #dccaa3} #content .youtubevideos dd { font-size: 10px; text-align: center;} #content .youtubevideos a.more { margin-top: 1px; color: #8a7c5b; float: right; } #content .youtubevideos a.more:hover { color: #a0906a; } /* Intro Video */ #content .introvideo {margin-top: -10px; text-align: center; background: url(/App_Images/bg_introvideo-trans.png) no-repeat; } #content .introvideo table { width: auto; margin: 0px auto; } #content .introvideo td { text-align: center; vertical-align: middle; padding: 20px 14px 20px 22px; /*height: 381px*/} /* Event Listing Pod */ #content .events_pod .icon { position: absolute; top: -4px; left: -14px; } #content .events_pod h2 { font: bold 14px arial; color: #36939b; margin: 10px 0px 2px 4px; } #content .events_pod h3 { font: normal 11px arial; color: #36939b; margin: 0px 0px 2px 5px; } #content .events_pod p { padding-bottom: 10px; border-bottom: 1px solid #281c13; margin: 0px 5px 10px 5px; } #content .events_pod .viewall { color: #8a7c5b; text-align: center;} #content .events_pod .viewall a{ color: #8a7c5b; } #events_pod .viewall a:hover { color: #a0906a; } /* Twitter Pod */ #content .twitter_pod .icon { position: absolute; top: -15px; right: -15px; } #content .twitter_pod .quote { margin-right: 10px; background: url(/App_Images/ico_quote_left-trans.png) no-repeat; margin-top: 5px; font-size: 14px; } #content .twitter_pod .quote span { padding: 5px 25px 0px 25px; display: block; line-height: 20px; /*background: url(/App_Images/ico_quote_right-trans.png) right bottom no-repeat; */} #content .twitter_pod .quote span img.q { float:right; } #content .twitter_pod .p_right { clear: both; float: right; margin-top: 8px; } /* Recent Headlines Pod */ #content .headlines_pod h2 { font: bold 14px arial; color: #36939b; margin: 5px 0px 2px 4px; } #content .headlines_pod .post { float: left; width: 275px; padding-bottom: 10px; border-bottom: 1px solid #281c13; margin: 0px 0px 10px 0px; } #content .headlines_pod .icon { padding-top: 8px; background: url(/App_Images/ico_headline.gif) no-repeat; float: left; width: 45px; height: 45px; color: #6e4f35; text-align: center; } #content .headlines_pod .icon span { display: block; text-align: center; font-size: 17px; font-weight: bold; } #content .headlines_pod .text { float: left; width: 225px; margin-left: 4px; } #content .headlines_pod p { margin-left: 5px; } #content .headlines_pod .viewall { color: #8a7c5b; text-align: center;} #content .headlines_pod .viewall a{ color: #8a7c5b; } #headlines_pod .viewall a:hover { color: #a0906a; } /* Speakers Pod */ .pg_homepage .btm .left .speaker_banner { display: block; margin: -9px 0px 14px -10px; position: relative; } /* Poll Pod */ #content .poll p { width: 222px; } #content .poll .icon { position: absolute; top: 4px; right: 0px; } #content .poll .buttonA { float: left; margin-top: 10px;} #content .poll .share { clear: both; float: left; margin-top: 10px;} #content .pollresults { display:none; width: 235px; } #content .pollresults .intro { margin-bottom: 5px;} #content .pollresults .bargraph { position: relative; height: 12px; padding: 3px 0px; text-indent: 5px; display:block; margin-bottom: 2px} #content .pollresults .bargraph span { position: absolute; top: 2px; right: -30px; } /* Banners Pod */ #content .pod_banners { margin: 0px -20px 0px -10px; float: left; position: relative;} #content .pod_banners .banner { float: left; position: relative; } #content .pod_banners .login_cont { float: left; margin: -5px 0px 6px; padding-top: 34px; width: 314px; position: relative; background: url(/App_Images/bg_loginbanner_top-trans.png) left top no-repeat} #content .pod_banners .login_cont_inner { padding: 10px 10px 0px 20px; background: url(/App_Images/bg_loginbanner_mid.png) left repeat-y} #content .pod_banners .login_cont_inner input { background: #1a3855; margin-right: 3px; border-top: 2px solid #024; border-left: 2px solid #024; border-right: 1px solid #162f48; border-bottom: 1px solid #162f48; color: #e2d0a8; font-size: 11px; padding: 5px 3px;} #content .pod_banners .login_cont_inner input.hdn { visibility: hidden; position: absolute; } #content .pod_banners .login_cont_inner a { color: #e2d0a8; } #content .pod_banners .login_cont_btm { height: 20px; width: 314px; background: url(/App_Images/bg_loginbanner_btm-trans.png) left no-repeat; } #login_banner_error { line-height: 16px; border: 1px solid #f00; display: none; width: 240px; margin-bottom: 5px; background: #694547; text-align: center; padding: 5px; color: #fff; } #content .home_banner { float: left; position: relative; display: inline; margin: 0px -20px 0px -10px } /* Latest Members Pod */ #content .latest_pod { clear: left; float: left; padding: 0px 7px 10px 6px} #content .latest_pod h1 { margin: 0px -7px 5px -6px; } #content .latest_pod dl { float: left; display: inline; margin-right: 6px; width: 64px; } #content .latest_pod dl.r { margin-right: -1px; } #content .latest_pod dt { margin-bottom: 2px } #content .latest_pod dt img { width: 64px; border: 1px solid #000} #content .latest_pod dd { font-size: 10px; text-align: center; margin-bottom: 10px} #content .latest_pod a.more { width: 250px; text-align: right; margin-top: 6px; color: #8a7c5b; float: right; } #content .latest_pod a.more:hover { color: #a0906a; } #content .latest_pod_home { background: none; } #content .latest_pod_home dl {width: 73px; } #content .latest_pod_home dt img { width: 73px; height: 56px} #content .latest_pod a.more { margin-top: 1px; } /* Ethic Pod */ #content .ethic_cont { float: left; display: inline; margin: 0px -10px 0px 0px; } #content .ethic_top { width: 314px; position: relative; float: left; background: url(/App_Images/bg_goldbox_top-trans.png) no-repeat top left; } #content .ethic_mid { width: 284px; padding: 0px 10px 0px 15px; margin-top: 16px; float: left; background: url(/App_Images/bg_goldbox_mid.png) repeat-y left; } #content .ethic_btm { width: 314px; position: relative; float: left; height: 16px; background: url(/App_Images/bg_goldbox_btm-trans.png) no-repeat top left; } #content .ethic_mid h2 { font: bold 18px arial; color: #e2d0a8; text-transform: uppercase; } #content .ethic_mid p, #content .ethic_mid a { margin-top: 3px; color: #E9E1CC; font-size: 11px; line-height: 14px } #content .ethic_mid p.r { text-align:right; margin-top: 0px } a.tooltip { text-decoration: none; cursor: help} a.tooltip:hover { visibility: visible; } a.tooltip span.tooltip { visibility: hidden; position: absolute; margin: -55px 0px 0px -50px; } a.tooltip:hover span.tooltip { visibility: visible; } a.tooltip span span { color: #cf4400; display: block; text-decoration: none; position: relative; border: 1px solid #930; background: #FFF9DF; padding: 3px; font-size: .9em; width: 140px; text-align: left; } /* Invader */ .pg_homepage .top { position: relative; } .pg_homepage #invader { z-index: 2000;display: none; position: absolute; top: -25px; left: 65px; z-index: 1001;} .pg_homepage #invader .main_link { cursor: pointer; display: block; background: url(/App_Images/invaders/invader_SpeakingTourA.png) no-repeat; width: 829px; height: 344px} .pg_homepage #invader .close_link { position: absolute; top: 20px; right: 0px; z-index: 1002; width: 60px; height: 30px; background: #fff; filter: alpha(opacity=0); opacity: 0} /* 2.0 About */ .pg_about .content_left { float: left; width: 608px; margin: -10px 20px 0px 0px; display: inline;} .pg_about #content .content_left h1 { text-transform: uppercase; font: bold 25px arial; color: #36939b} .pg_about #content .content_left p { font-size: 14px; line-height: 20px; margin-bottom: 10px } .pg_about #content .top_area { padding-bottom: 0px; margin-bottom: 20px;} .pg_about #content .top_area h1 { font: normal 18px arial; color: #fff; text-align: center; } .pg_about #content .top_area h1 span { color: #36939b; } .pg_about #content .top_area p { margin: 0px -10px; padding: 20px;} .pg_about #content .top_area p.green {background: #46462c } .pg_about #content .top_area p.orange { background: #503613 } .pg_about #content .content_left h3 { color: #ffc600; font: normal 24px arial; text-align: center; margin-bottom: 10px; } /* Ethic addition */ .pg_about #content .mid_area { padding-bottom: 0px; margin-top: 10px; margin-bottom: 20px;} .pg_about #content .mid_area h1 { font: normal 18px arial; color: #fff; } .pg_about #content .mid_area h1 .share { font: normal 12px arial; text-transform: none; position: absolute; top: 12px; right: 10px; } .pg_about #content .mid_area h1 span { color: #36939b; } .pg_about #content .mid_area p { margin: 0px -10px; padding: 20px;} .pg_about #content .mid_area p span { font-size: 18px; } .pg_about #content .mid_area p.green {background: #46462c } .pg_about #content .mid_area p.orange { background: #503613 } .pg_about #content .mid_area p.teal { background: #2c4646; } .pg_about #content .content_left .quiz_cont { float: left; display: inline; margin: 0px -10px 0px 0px; } .pg_about #content .content_left .quiz_top { width: 615px; position: relative; float: left; background: url(/App_Images/bg_tealbox_top-trans.png) no-repeat top left; } .pg_about #content .content_left .quiz_mid { position: relative; width: 570px; padding: 0px 20px; margin-top: 16px; float: left; background: url(/App_Images/bg_tealbox_mid.png) repeat-y left; } .pg_about #content .content_left .quiz_btm { width: 615px; position: relative; z-index: 99; float: left; height: 16px; background: url(/App_Images/bg_tealbox_btm-trans.png) no-repeat top left; } .pg_about #content .content_left .quiz_mid h2 { font: bold 18px arial; color: #e2d0a8; text-transform: uppercase; } .pg_about #content .content_left .quiz_mid p { color: #E2D0A8} .pg_about #content .content_left .quiz_mid .question_area { float: left; color: #fff; margin-bottom: 15px; width: 510px; background: #347271; padding: 10px 30px 10px; font-size: 18px; } .pg_about #content .content_left .quiz_mid .question_area h6 { margin-left: -15px; margin-bottom: 15px } .pg_about #content .content_left .quiz_mid .question_area td { padding-bottom: 10px;} .pg_about #content .content_left .quiz_mid .question_area td input { margin-right: 8px; } .pg_about #content .content_left .quiz_mid .question_area td label { cursor: pointer; } .pg_about #content .content_left .quiz_btm .submitbtn { position: absolute; bottom: -15px; right: 0px; z-index: 100} .pg_about #content .answer_area { float: left; margin-top: 20px; } .pg_about #content .answer_area h4 { font: bold 24px arial; color: #e2d0a8; margin-left: 25px; } .pg_about #content .answer_area h5 { font: normal 18px arial; color: #fff; margin-left: 25px; margin-bottom: 20px; } .pg_about #content .answer_area .answer_why h1 { margin-bottom: 15px; } .pg_about #content .answer_area .answer_why p { margin: 0px 10px 10px; } .pg_about #content .answer_area .answer_infuse { padding-bottom: 2px; margin-top: 20px} .pg_about #content .answer_area .answer_infuse h1 { margin-bottom: 15px; } .pg_about #content .answer_area .answer_infuse p { margin: 0px 10px 10px; } .pg_about #content .answer_area .answer_infuse dl { background: #29201c; float: left; margin: 0px -8px; padding: 0px 8px; display: inline} .pg_about #content .answer_area .answer_infuse .hl { background: #1B120D; } .pg_about #content .answer_area .answer_infuse dt { width: 60px; float: left; padding: 10px 0px 10px 10px;} .pg_about #content .answer_area .answer_infuse dd { float: left; padding: 20px 10px 10px 0px; width: 505px;} .pg_about .content_right { float: left; width: 293px; font-size: 12px; } .pg_about .content_right .faqs { margin-bottom: 10px } .pg_about .content_right .faqs h6 { float: left; background: #1b120d; width: 291px; margin-left: -8px } .pg_about .content_right .faqs h6 .L { visibility: hidden; float: left; padding: 8px 3px; background: #1b120d; font-weight: normal } .pg_about .content_right .faqs h6 .R { float: right; padding: 8px 3px; background: #1b120d; font-weight: normal } .pg_about .content_right .faqs dl { clear: left; margin: 0px -8px; color: #e2d0a8; display: none; } .pg_about .content_right .faqs dt { color: #e9e1cc; background: #29201c url(/App_Images/ico_Q.gif) no-repeat 5px 10px; line-height: 16px; padding: 10px 5px 10px 35px; } .pg_about .content_right .faqs dd { background: url(/App_Images/ico_A.gif) no-repeat 5px 10px; padding: 10px 5px 0px 35px; line-height: 16px;} .pg_about .content_right .faqs dd p { margin-bottom: 8px; line-height: 16px;} /* VIDEO PLAYER OVERLAY */ #facebox .close:hover { color: #dccaa3; } #facebox .wrapper_top { float: left; width: 1053px; position: relative; background: url(/App_Images/bg_lightbox_top-trans.png) no-repeat top; } #facebox .wrapper { float: left; width: 1047px; margin-top: 15px; background: #404042; border-left: 3px solid #152d34; border-right: 3px solid #152d34; } #facebox .wrapper_btm { float: left; width: 1053px; background: url(/App_Images/bg_lightbox_btm-trans.png) no-repeat top; height: 15px; } #facebox .wrapper_left { float: left; width: 546px; margin-bottom: -10px; } #facebox .wrapper_right { float: left; margin-left: 3px; margin-bottom: -10px; display: inline; width: 496px; } #facebox .vplayer_left_top { float: left; width: 546px; margin-top: -12px; position: relative; background: url(/App_Images/bg_lightbox_leftA_top-trans.png) no-repeat top; } #facebox .vplayer_left { float: left; width: 540px; margin-top: 13px; background: #2f1f16; border-left: 3px solid #5a4c42; border-right: 3px solid #5a4c42; } #facebox .vplayer_left_btm { position: relative; float: left; width: 546px; background: url(/App_Images/bg_lightbox_leftA_btm-trans.png) no-repeat top; height: 13px; } #facebox .vplayer_left h1.main { margin: 10px 20px 0px; } #facebox .vplayer_left #video_area { text-align: center; } #facebox .vplayer_left #title_area { width: 480px; margin: 20px auto 10px; } #facebox .vplayer_left #title_area h2 { font: bold 23px arial; color: #36939b; } #facebox .vplayer_left #text_area { width: 470px; margin: 0px auto; height: 150px; overflow: auto; padding-right: 10px } #facebox .vplayer_left #text_area p { font: normal 12px arial; color: #e2d0a8; line-height: 16px } #facebox .vplayer_right_top { float: left; width: 496px; margin-top: -12px; position: relative; background: url(/App_Images/bg_lightbox_leftB_top-trans.png) no-repeat top; } #facebox .vplayer_right { float: left; width: 490px; margin-top: 13px; background: #1b120d; border-left: 3px solid #5a4c42; border-right: 3px solid #5a4c42; } #facebox .vplayer_right_btm { position: relative; float: left; width: 496px; background: url(/App_Images/bg_lightbox_leftB_btm-trans.png) no-repeat top; height: 15px; } #facebox .vplayer_right h1.main { margin: 10px 20px 0px; } #facebox .video_carousel { position: relative; float: left; display: inline; width: 450px; margin-left: 20px;} #facebox .video_carousel h1 { margin: 0px -10px 5px; padding: 12px 10px 0px; position: relative; background: #110B08; height: 22px; } #facebox .video_carousel a.more { clear: both; color: #7f715b; float: right; padding: 5px 15px 10px 0px} #facebox .video_carousel a.more:hover { color: #dccaa3; } /* PLEDGE OVERLAY */ #facebox { width: 750px; margin: 0px auto; } #facebox .return { float: left; margin: 30px 10px; font-size: 16px; color: #7f715b} #facebox .return:hover { color: #dccaa3; } #facebox .pledge_left .mainpledge { background: #655910; font-size: 13px; margin: -10px -10px 0px; padding: 5px 10px; } #facebox .pledge_left .mainpledge span { text-transform: uppercase; font-weight: bold; font-size: 14px} #facebox .wrapper2_top { float: left; width: 750px; position: relative; background: url(/App_Images/bg_lightbox2_top-trans.png) no-repeat top; } #facebox .wrapper2 { float: left; width: 742px; padding-left: 2px; margin-top: 15px; background: #404042; border-left: 3px solid #152d34; border-right: 3px solid #152d34; } #facebox .wrapper2_btm { float: left; width: 750px; background: url(/App_Images/bg_lightbox2_btm-trans.png) no-repeat top; height: 15px; } #facebox .wrapper2_left { float: left; width: 418px; margin-right: 3px; margin-bottom: -10px} #facebox .wrapper2_right { float: left; width: 318px; margin-bottom: -10px;} #facebox .pledge_top_top { float: left; position: relative; width: 740px; margin-top: -10px; background: url(/App_Images/bg_lightbox_topC_top-trans.png) no-repeat top; } #facebox .pledge_top { float: left; position: relative; z-index: 40; height: 148px; width: 696px; padding: 0px 20px; margin-top: 13px; background: #1b120d; border-left: 2px solid #5a4c42; border-right: 2px solid #5a4c42; } #facebox .pledge_top_btm { float: left; z-index: 39; width: 740px; background: url(/App_Images/bg_lightbox_topC_btm-trans.png) no-repeat left top; height: 17px; } #facebox .pledge_top img { position: absolute; top: -11px; left: 0px; z-index: 41;} #facebox .pledge_left_top { float: left; width: 418px; background: url(/App_Images/bg_lightbox_leftD_top-trans.png) no-repeat top; } #facebox .pledge_left { float: left; width: 374px; padding: 0px 20px; height: 469px; margin-top: 13px; background: #fff; border-left: 2px solid #5a4c42; border-right: 2px solid #5a4c42; } #facebox .pledge_left_btm { margin-bottom: -8px; position: relative; float: left; width: 418px; background: url(/App_Images/bg_lightbox_leftD_btm-trans.png) no-repeat left top; height: 13px; } #facebox .pledge_left img { margin-left: -15px; margin-right: -15px } #facebox .pledge_left img.top { margin-top: -10px; } #facebox .pledge_left img.btm { margin-top: 40px; } #facebox .pledge_right_top { float: left; width: 318px; background: url(/App_Images/bg_lightbox_rightE_top-trans.png) no-repeat top; } #facebox .pledge_right { float: left; width: 274px; min-height: 469px; padding: 0px 20px; margin-top: 13px; background: #1b120d; border-left: 2px solid #5a4c42; border-right: 2px solid #5a4c42; } #facebox .pledge_right_btm { position: relative; float: left; width: 318px; background: url(/App_Images/bg_lightbox_rightE_btm-trans.png) no-repeat left top; height: 13px; } #facebox .pledge_right h1.main { margin: 10px -10px 10px -12px; } #facebox .pledge_right .lbl { font-size: 13px; width: 80px; float: left; padding-top: 2px} #facebox .pledge_right .chk_lbl { font-size: 13px; text-decoration: underline; } #facebox .pledge_right .terms_lbl { font-size: 13px; clear: left; padding: 5px 0px 2px; float: left; width: 220px; } #facebox .pledge_right .terms_area { font-size: 13px; padding: 5px 0px 2px; float: left; display: block; width: 260px; line-height: 16px;} #facebox .pledge_right .age_lbl { font-size: 13px; } #facebox .pledge_right .txt, #facebox .pledge_right .txtarea { margin-bottom: 8px; background: #e2d0a8; border: 1px solid #d4c299; border-top: 1px solid #5a4c42; border-left: 1px solid #5a4c42;} #facebox .pledge_right .txt { width: 187px; } #facebox .pledge_right .txtarea { width: 270px; height: 60px; font: normal 11px arial;} #facebox .pledge_right .submitbtn { margin: 5px 0px 0px -10px; float: left; } #facebox .pledge_right .btn { float: left; margin: 0px 5px 0px 0px } #facebox .pledge_error { line-height: 16px; border: 1px solid #f00; width: 258px; display: none; margin-bottom: 5px; background: #694547; text-align: center; padding: 5px; color: #fff; } #facebox .pledge_right .hdnbtn { display: none; } #facebox .pledge_right .nothanks { color: #7f715b; font: 14px arial; z-index: 116; float: left; margin-top: 22px; margin-bottom: 20px} #facebox .pledge_right .nothanks:hover { color: #dccaa3; } /* SPLASH OVERLAY */ .pg_splash .wrapper3 { float: left; width: 905px; padding: 25px; height: 521px; background: url(/App_Images/bg_splash110509-trans.png) no-repeat;} .pg_splash .wrapper3_left { float: left; width: 478px; } .pg_splash .splash_left_top { float: left; width: 478px; } .pg_splash .splash_left_btm { clear: both; position: absolute; left: 0px; top: 167px; } .pg_splash .wrapper3_right { float: right; width: 411px; } .pg_splash .splash_right_top { float: left; width: 411px; } .pg_splash .splash_right_top h1 { text-align: center; margin-bottom: 3px;} .pg_splash .splash_right_top p { background: #7D7449; font-size: 14px; color: #f9edd2; line-height: 18px; padding: 8px;} .pg_splash .splash_right_top p span { text-transform: uppercase; font-weight: bold; font-size: 14px} .pg_splash .splash_right_btm { float: left; width: 411px; margin-top: 20px; } .pg_splash .splash_right_btm h1 { text-align: center; margin-bottom: 10px; display: block; position: relative; } .pg_splash .splash_right_btm .lbl { clear: left; font-size: 16px; color: #e2d0a8; line-height: 27px; width: 105px; margin-bottom: 10px; float: left; } .pg_splash .splash_right_btm .chk_lbl { font-size: 16px; line-height: 24px; color: #e2d0a8; text-decoration: underline; } .pg_splash .splash_right_btm .terms_lbl { font-size: 16px; color: #e2d0a8; clear: left; padding: 5px 0px 2px; float: left; width: 400px; } .pg_splash .splash_right_btm .terms_area { font-size: 16px; line-height: 24px; color: #e2d0a8; padding: 0px 0px 2px; float: left; display: block; width: 400px; line-height: 16px;} .pg_splash .splash_right_btm .age_lbl { font-size: 16px; color: #e2d0a8; } .pg_splash .splash_right_btm .txt, .pg_splash .splash_right_btm .txtarea { margin-bottom: 10px; background: #e2d0a8; border: 1px solid #d4c299; padding: 4px; border-top: 1px solid #5a4c42; border-left: 1px solid #5a4c42;} .pg_splash .splash_right_btm .txtarea { width: 401px; height: 42px; font: normal 11px arial;} .pg_splash .splash_right_btm .submitbtn { margin: 5px -5px 0px 0px; float: left; } .pg_splash .splash_error { position: absolute; right: 25px; top: 400px; line-height: 16px; border: 1px solid #f00; width: 399px; display: block; margin-bottom: 5px; background: #694547; text-align: center; padding: 5px; color: #fff; } .pg_splash .splash_right_btm .hdnbtn { display: none; } .pg_splash .splash_right_btm .enter_site { float:right; display: inline; margin: 5px -3px 0px 0px } /* Whole Life jCarousel Skin 1 */ .jcarousel-skin-wholelife .jcarousel-container { } .jcarousel-skin-wholelife .jcarousel-container-horizontal { width: 390px; padding: 0px 30px; } .jcarousel-skin-wholelife .jcarousel-clip-horizontal { width: 390px; height: 62px;} .jcarousel-skin-wholelife .jcarousel-item { width: 62px; text-align: center; color: #dccaa3; overflow: hidden; } .jcarousel-skin-wholelife .jcarousel-item a {/*opacity: .55; filter: alpha(opacity=55); */border: 1px solid #040304; display: block; } .jcarousel-skin-wholelife .jcarousel-item a:hover {opacity: 1; filter: alpha(opacity=100); border: 1px solid #dccaa3; } .jcarousel-skin-wholelife .jcarousel-item img { width: 60px; height: 44px;} .jcarousel-skin-wholelife .jcarousel-item-horizontal { margin-right: 3px; } .jcarousel-skin-wholelife .jcarousel-next-horizontal { position: absolute; top: 0px; right: 5px; width: 22px; height: 49px; cursor: pointer; background: transparent url(/App_Images/btn_carousel_next.gif) no-repeat 0 0; opacity: .9; filter: alpha(opacity=90); } .jcarousel-skin-wholelife .jcarousel-next-horizontal:hover { opacity: 1; filter: alpha(opacity=100); } .jcarousel-skin-wholelife .jcarousel-next-horizontal:active { opacity: 1; filter: alpha(opacity=100); } .jcarousel-skin-wholelife .jcarousel-next-disabled-horizontal, .jcarousel-skin-wholelife .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-wholelife .jcarousel-next-disabled-horizontal:active { cursor: default; opacity: .3; filter: alpha(opacity=30); } .jcarousel-skin-wholelife .jcarousel-prev-horizontal { position: absolute; top: 0px; left: 5px; width: 22px; height: 49px; cursor: pointer; background: transparent url(/App_Images/btn_carousel_prev.gif) no-repeat 0 0; opacity: .9; filter: alpha(opacity=90); } .jcarousel-skin-wholelife .jcarousel-prev-horizontal:hover { opacity: 1; filter: alpha(opacity=100); } .jcarousel-skin-wholelife .jcarousel-prev-horizontal:active { opacity: 1; filter: alpha(opacity=100); } .jcarousel-skin-wholelife .jcarousel-prev-disabled-horizontal, .jcarousel-skin-wholelife .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-wholelife .jcarousel-prev-disabled-horizontal:active { cursor: default; opacity: .3; filter: alpha(opacity=30); } .video_carousel-celeb .jcarousel-skin-wholelife { } .video_carousel-celeb .jcarousel-skin-wholelife .jcarousel-clip-horizontal { width: 390px; height: 80px;} .video_carousel-celeb .jcarousel-skin-wholelife .jcarousel-item { width: 95px; } .video_carousel-celeb .jcarousel-skin-wholelife .jcarousel-item img {width: 93px; height: 72px;} .video_carousel-celeb .jcarousel-skin-wholelife .jcarousel-prev-horizontal { top: 12px; } .video_carousel-celeb .jcarousel-skin-wholelife .jcarousel-next-horizontal { top: 12px; } .video_carousel-celeb a.more { margin-top: 25px; } .video_carousel .jcarousel-skin-wholelife li .on { opacity: 1; border: 1px solid #dccaa3; filter: alpha(opacity=100); } /* 3.1 Profile Signup */ .pg_pledge .signup_left { float: left; width: 608px; margin-right: 20px; margin-top: -10px; display: inline;} .pg_pledge .signup_left .thankyou { float: left; width: 310px; margin-right: 20px; display: inline;} .pg_pledge .signup_left .thankyou h1 { text-transform: uppercase; font: bold 25px arial; color: #36939b} .pg_pledge #content .signup_left .thankyou p { font-size: 14px; line-height: 20px; } .pg_pledge .signup_left .icons { float: left; width: 270px; padding-top: 10px; } .pg_pledge .signup_left .icon { float: left; margin-bottom: 10px; } .pg_pledge .signup_left .icon .ico { float: left; width: 47px; margin-right: 10px; display: inline;} .pg_pledge .signup_left .icon .txtspot { float: left; width: 200px; margin-top: 5px;} .pg_pledge .signup_left .txtspot a { color: #e9e1cc; } .pg_pledge .signup_left .txtspot a:hover { color: #fff; } #content .p618 { width: 586px; } .pg_pledge .signup_right { float: left; width: 293px; } .pg_pledge #content .signup_right .twitter_pod { width: 268px; margin-top: 15px;} .pg_pledge #content .profile_pod .left_side { float: left; width: 242px; } .pg_pledge #content .profile_pod .right_side { float: left; width: 320px; margin: 12px 0px 0px 20px; display: inline } .pg_pledge #content .profile_pod .lbl { clear: left; height: 23px; display: block; font-size: 13px; width: 110px; float: left; padding-top: 2px} .pg_pledge #content .profile_pod .txt, .pg_pledge #content .profile_pod .select { margin-bottom: 7px; background: #e2d0a8; border: 1px solid #d4c299; border-top: 1px solid #5a4c42; border-left: 1px solid #5a4c42;} .pg_pledge #content .profile_pod .txt { } .pg_pledge #content .profile_pod .file { width: 80px; } .pg_pledge #content .profile_pod .select { width: 200px } .pg_pledge #content .profile_pod .gender_area { float: left; width: 200px; padding-bottom: 7px } .pg_pledge #content .profile_pod .submitbtn { margin: 5px 0px 0px -10px; float: right; } .pg_pledge #content .profile_pod .already_signed { font-size: 12px; margin-bottom: 8px; line-height: 18px; } .pg_pledge #content .profile_pod .btn { float: left; margin: 10px 5px 0px 0px } .pg_pledge #content .profile_pod .profile_error { line-height: 16px; border: 1px solid #f00; display: none; width: 300px; margin-bottom: 5px; background: #694547; text-align: center; padding: 5px; color: #fff; } .pg_pledge #content .profile_pod .hdnbtn { display: none; } .pg_pledge #content .profile_pod .instr{ margin: 5px 0px 0px 5px;position: absolute; color: #6F4B30; font-size: 10px } .pg_pledge #content .profile_pod .birthdate_wrapper { float: left; width:200px; } .pg_pledge #content .profile_pod .file_upload { float: left; position: relative; margin-right: -5px; display: inline; } .pg_pledge #content .profile_pod .file_upload .file { opacity: 0; filter: alpha(opacity=0); width: 180px; z-index: 101; position: relative; cursor: pointer } .pg_pledge #content .profile_pod .file_upload .fake { position: absolute; top: 3px; right: 50px; width: 158px; } .pg_pledge #content .profile_pod .file_upload img { position: absolute; right: -9px; top: -2px; z-index: 100; cursor: pointer} /* 3.2 Members Map */ .pg_pledge .members_cont { float: left; background: #1b120d; padding: 30px 15px 15px; margin-top: -15px } .pg_pledge .map_holder { position: relative; margin-left: 2px;} .pg_pledge .map_holder h1 { width: 889px; top: -30px; left: 0px; font: bold 16px arial; text-transform: uppercase; color: #36939b; position: absolute; z-index: 11; text-align: center; } .pg_pledge .map_holder h1 .num_cont { display:inline; margin: -20px auto; } .pg_pledge .map_holder h1 span a {position: absolute; left: 3px; bottom: -10px; font-size: 11px; color: #BFBFBF;text-transform: none; font-weight:normal; } .pg_pledge .map_holder h1 span.R { position: relative; z-index: 12; font: bold 35px arial; margin-left: 3px; color: #f2b311; margin-top: -12px} .pg_pledge .map_holder img.top { position: absolute; z-index: 10; top: -1px; left: 0px; } .pg_pledge .map_holder img.btm { position: absolute; z-index: 10; top: 308px; left: 0px; } .pg_pledge .GMapEZ { width: 889px; height: 341px; } .pg_pledge .members_listing { position: relative; float: left; width: 894px; } .pg_pledge .members_listing h1 {float: left; width: 889px; width: 914px; margin: 0px -15px; padding: 10px 0px; font: bold 16px arial; text-transform: uppercase; color: #36939b; text-align: center; } .pg_pledge .members_listing ul { margin-right: -15px; } .pg_pledge .members_listing li { float: left; width: 69px; } .pg_pledge .members_listing li.clr { clear: left; float: left; display: inline;} .pg_pledge .members_listing li img { border: 1px solid #000; width: 64px; height: 49px} .pg_pledge .members_listing li span { display: block; color: #e9e1cc; overflow: hidden; padding: 2px 0px 5px; text-align: center;} .pg_pledge .filter_by { position: absolute; top: 32px; left: 580px; z-index: 12; background: url(/App_Images/bg_map_filterby.gif) no-repeat; width: 319px; height: 67px; } .pg_pledge .filter_by select { position: absolute; border: 1px solid #000; background: #314259; width: 165px; color: #7fa8df; font: normal 11px arial; padding: 4px 4px 4px 6px;} .pg_pledge .filter_by .select1 { right: 15px; top: 5px; } .pg_pledge .filter_by .select2 { right: 15px; top: 35px; } .pg_pledge .filter_by a { color: #75654f; position: absolute; bottom:-7px; right: 14px; } .pg_pledge .filter_by a:hover { color: #927e62; } .pg_pledge .signee_listing { float: left; } .pg_pledge .signee_listing h1 {width: 894px; position: relative; margin: 10px -15px; background: #110b08; padding: 10px 15px; font: bold 16px arial; text-transform: uppercase; color: #36939b; } .pg_pledge .signee_listing li { float: left; height: 60px; text-transform: capitalize; overflow: hidden; font-weight: bold; width: 88px; margin-right: 8px; background: url(/App_Images/ico_pledgesignee.gif) no-repeat top left; padding-left: 28px} .pg_pledge .signee_listing li span { display: block; font-weight: normal; color: #36939b; font-size: 10px; padding-top: 2px; } /* 4.0 Contribute */ .pg_help .content_left { float: left; width: 608px; margin-right: 20px; margin-top: -10px; display: inline;} .pg_help #content .content_left h1 { text-transform: uppercase; font: bold 25px arial; color: #36939b} .pg_help #content .content_left p { font-size: 14px; line-height: 20px; margin-bottom: 10px } .pg_help #content .help_listing .hl { background: #29201c; } .pg_help #content .help_listing dt { clear: left; float: left; padding: 20px 0px 20px 9px; margin-left: -9px; display: inline} .pg_help #content .help_listing dd { padding: 20px 10px 18px 5px; float: left; width: 528px; margin-right: -10px; display: inline} .pg_help #content dt.one { padding: 21px 0px 23px 9px; height: 38px} .pg_help #content dd.one { padding: 20px 10px 19px 5px; height: 43px } .pg_help #content dd.one p { float: left; margin-top: 7px;} .pg_help #content dd.one a { float: left; margin: -11px 0px 0px 10px; display: inline} .pg_help #content dt.two { padding: 21px 0px 0px 9px; height: 45px; } .pg_help #content dd.two { height: 45px; } .pg_help #content dd.two p { float: left; margin-top: 9px; width: auto} .pg_help #content dd.two a { float: left; margin: -9px 0px 0px 10px; display: inline} .pg_help #content dt.three { padding: 21px 0px 23px 9px; height: 62px;} .pg_help #content dd.three { height: 67px; } .pg_help #content dd.three p { float: left; margin-top: -2px; width: 300px} .pg_help #content dd.three img { float: left; margin: 0px 0px 0px 10px; display: inline} .pg_help #content dt.four { padding: 21px 0px 23px 9px; height: 38px} .pg_help #content dd.four { padding: 20px 10px 12px 5px; height: 50px } .pg_help #content dd.four p { float: left; margin-top: -2px; width: 420px} .pg_help #content dd.four img { float: left; margin: -4px 0px 0px -6px; display: inline} .pg_help #content dt.five { padding: 21px 0px 23px 9px; height: 120px } .pg_help #content dd.five { height: 126px;} .pg_help #content dd.five p { margin: 8px 0px 4px 0px; } .pg_help #content dd.five li { font-size: 14px; background: url(/App_Images/ico_bluearrowb.gif) no-repeat top left; padding: 4px 0px 5px 25px;} .pg_help #content dt.six { padding: 21px 0px 0px 9px; height: 100px} .pg_help #content dd.six { padding: 17px 10px 0px 5px; height: 104px } .pg_help #content dd.six p { float: none; margin-top: 0px;} .pg_help #content dd.six a { float: none; margin: 0px; display: inline} .pg_help #content dd.six #hdnBlock1 { display: none; } .pg_help #content dd.six li { line-height: 18px; font-size: 14px; background: url(/App_Images/ico_redarrowb.gif) no-repeat 0px 3px; padding: 4px 0px 5px 25px;} .pg_help #content dd.six li.g { background: url(/App_Images/ico_greenarrowb.gif) no-repeat 0px 3px; } .pg_help #content dt.seven { padding: 21px 0px 0px 9px; height: 60px} .pg_help #content dd.seven { padding: 19px 10px 0px 5px; height: 62px} .pg_help #content dt.eight { padding: 21px 0px 24px 9px; } .pg_help #content dd.eight { padding: 19px 10px 14px 5px; } .pg_help #content dt.nine { padding: 21px 0px 0px 9px; height: 56px} .pg_help #content dd.nine { padding: 19px 10px 0px 5px; height: 58px} .pg_help #content dt.ten { padding: 21px 0px 24px 9px; } .pg_help #content dd.ten { padding: 19px 10px 20px 5px; width: 500px} .pg_help .content_right { float: left; width: 293px; } .pg_help #content .content_right .poll { width: 268px; margin-top: 15px;} .pg_help #content .content_right .twitter_pod { width: 268px; margin-top: 15px;} #content .content_right .purple_cont { float: left; display: inline; margin: -10px -10px 10px -10px; } #content .content_right .purple_top { width: 314px; position: relative; float: left; background: url(/App_Images/bg_purplebox_top-trans.png) no-repeat top left; } #content .content_right .purple_mid { width: 269px; padding: 0px 20px; margin-top: 16px; float: left; background: url(/App_Images/bg_purplebox_mid.png) repeat-y left; } #content .content_right .purple_btm { width: 314px; position: relative; float: left; height: 16px; background: url(/App_Images/bg_purplebox_btm-trans.png) no-repeat top left; } #content .content_right .purple_mid h2 { font: bold 18px arial; color: #e2d0a8; text-transform: uppercase; } #content .content_right .purple_mid p { color: #e2d0a8; font-size: 14px; line-height: 18px } #content .content_right .purple_mid a { color: #e2d0a8; } #content .content_right .purple_mid a:hover { color: #fff; } #content .content_right .purple_mid p.r { margin-top: 5px; text-align: right; float: right; } #content .content_right .purple_mid p.r img { float: left; } #content .content_right .purple_mid p.r a { margin: 2px 0px 0px 3px; float: left;} /* 4.1 Member Contributions */ .pg_help .content_left { float: left; width: 608px; margin-right: 20px; margin-top: -10px; display: inline;} .pg_help #content .content_left h1 { text-transform: uppercase; font: bold 25px arial; color: #36939b} .pg_help #content .content_left p { font-size: 14px; line-height: 20px; margin-bottom: 10px } .pg_help #content .top_video { padding-bottom: 20px; margin-top: 25px} .pg_help #content .top_video h1 { position: relative } .pg_help #content .top_video h1 .share { font: normal 12px arial; text-transform: none; position: absolute; top: 8px; right: 10px; } .pg_help #content .top_video h2 { background: #29201c; font: bold 18px arial; color: #36939b; padding: 10px; margin: 0px -9px 20px} .pg_help #content .top_video #video_player { text-align: center; } .pg_help #content .video_listing { margin-top: 20px; padding-right: 0px; width: 596px } .pg_help #content .video_listing h1 { margin-right: 0px; position: relative} .pg_help #content .video_listing h1 img { position: absolute; top: 6px; right: 10px; } .pg_help .content_right { float: left; width: 293px; } .pg_help #content .content_right .details_pod { margin: 8px 0px 5px; background: none;} .pg_help #content .content_right .details_pod .details { padding: 10px; margin: 0px -10px; border: 2px solid #1b120d; border-top: 0px; height: 250px; } .pg_help #content .content_right .details_pod .details_top .avatar { float: left; border: 1px solid #000; margin-right: 10px; width: 64px; height: 49px } .pg_help #content .content_right .details_pod .details_top div { float: left; width: 175px; font-size: 14px; line-height: 18px} .pg_help #content .content_right .details_pod .details_top div span { display: block; color: #36939b} .pg_help #content .content_right .details_pod .details_info { clear: both; float: left; margin-top: 10px; height: 180px; overflow: auto; font-size: 14px; line-height: 18px; } .pg_help #content .content_right .poll { width: 268px; margin-top: 15px;} .pg_help #content .content_right .twitter_pod { width: 268px; margin-top: 15px;} /* 5.0 Testimonials */ .pg_testimonials .p618 h1 { position: relative; } .pg_testimonials .p618 h1 .share { font: normal 12px arial; text-transform: none; position: absolute; top: 8px; right: 10px; } .pg_testimonials .video_carousel { position: relative; float: left; } .pg_testimonials .video_carousel h1 { margin-bottom: 5px; background: #110B08; padding-top: 12px; height: 22px; } .pg_testimonials .video_carousel a.more { text-align: right; color: #7f715b; float: left; width: 560px; margin: 10px 0px; padding: 5px 15px 10px 0px} .pg_testimonials .video_carousel a.more:hover { color: #dccaa3; } .pg_testimonials #content .content_left .celebrity_landing { margin-top: 25px; padding-bottom: 0px;} .video_carousel-celebtestimonial .jcarousel-skin-wholelife { } .video_carousel-celebtestimonial .jcarousel-skin-wholelife .jcarousel-clip-horizontal { margin-right: -10px; position: relative; padding-top: 20px; width: 537px; height: 110px;} .video_carousel-celebtestimonial .jcarousel-skin-wholelife .jcarousel-item { position: relative; z-index: 50; width: 122px; height: 115px; margin-right: 15px} .video_carousel-celebtestimonial .jcarousel-skin-wholelife .jcarousel-item img {width: 120px;height: 90px;} .video_carousel-celebtestimonial .jcarousel-skin-wholelife .jcarousel-item span { padding-top: 4px; padding-bottom: 4px; display: block; font-size: 12px; text-align: center; overflow: hidden; } .video_carousel-celebtestimonial .jcarousel-skin-wholelife .jcarousel-item .icons { position: absolute; z-index: 51; top: 70px; right: 2px; } .video_carousel-celebtestimonial .jcarousel-skin-wholelife .jcarousel-item .icons img { width: auto; height: auto; } .video_carousel-celebtestimonial .jcarousel-skin-wholelife .jcarousel-prev-horizontal { top: 40px; left: -2px } .video_carousel-celebtestimonial .jcarousel-skin-wholelife .jcarousel-next-horizontal { top: 40px; left: 567px } .pg_testimonials #content .content_left .member_landing { margin-top: 18px; } .video_carousel-membertestimonial .jcarousel-skin-wholelife { } .video_carousel-membertestimonial .jcarousel-skin-wholelife .jcarousel-clip-horizontal { margin-right: -10px; position: relative; padding-top: 20px; width: 537px; height: 110px;} .video_carousel-membertestimonial .jcarousel-skin-wholelife .jcarousel-item { position: relative; z-index: 50; width: 122px; height: 115px; margin-right: 15px} .video_carousel-membertestimonial .jcarousel-skin-wholelife .jcarousel-item img {width: 120px;height: 90px;} .video_carousel-membertestimonial .jcarousel-skin-wholelife .jcarousel-item span { padding-top: 4px; padding-bottom: 4px; display: block; font-size: 12px; text-align: center; overflow: hidden; } .video_carousel-membertestimonial .jcarousel-skin-wholelife .jcarousel-item .icons { position: absolute; z-index: 51; top: 70px; right: 2px; } .video_carousel-membertestimonial .jcarousel-skin-wholelife .jcarousel-item .icons img { width: auto; height: auto; } .video_carousel-membertestimonial .jcarousel-skin-wholelife .jcarousel-prev-horizontal { top: 40px; left: -2px } .video_carousel-membertestimonial .jcarousel-skin-wholelife .jcarousel-next-horizontal { top: 40px; left: 567px } .video_carousel-individual .jcarousel-skin-wholelife { } .video_carousel-individual .jcarousel-skin-wholelife .jcarousel-clip-horizontal { margin-right: -10px; position: relative; padding-top: 10px; width: 537px; height: 110px;} .video_carousel-individual .jcarousel-skin-wholelife .jcarousel-item { position: relative; z-index: 50; width: 122px; height: 130px; margin-right: 15px} .video_carousel-individual .jcarousel-skin-wholelife .jcarousel-item img {width: 120px;height: 90px;} .video_carousel-individual .jcarousel-skin-wholelife .jcarousel-item span { padding-top: 4px; padding-bottom: 4px; display: block; font-size: 12px; text-align: center; overflow: hidden; } .video_carousel-individual .jcarousel-skin-wholelife .jcarousel-item .icons { position: absolute; z-index: 51; top: 70px; right: 2px; } .video_carousel-individual .jcarousel-skin-wholelife .jcarousel-item .icons img { width: auto; height: auto; } .video_carousel-individual .jcarousel-skin-wholelife .jcarousel-prev-horizontal { top: 30px; left: -2px } .video_carousel-individual .jcarousel-skin-wholelife .jcarousel-next-horizontal { top: 30px; left: 569px } /* 5.1, 5.2 Testimonial Videos */ .pg_testimonials .content_left { float: left; width: 608px; margin-right: 20px; margin-top: -10px; display: inline;} .pg_testimonials #content .content_left h1 { text-transform: uppercase; font: bold 25px arial; color: #36939b} .pg_testimonials #content .content_left p { font-size: 14px; line-height: 20px; margin-bottom: 10px } .pg_testimonials #content .top_video { padding-bottom: 20px; margin-top: 25px} .pg_testimonials #content .top_video h1 { position: relative } .pg_testimonials #content .top_video h1 .share { font: normal 12px arial; text-transform: none; position: absolute; top: 8px; right: 10px; } .pg_testimonials #content .top_video h2 { background: #29201c; font: bold 18px arial; color: #36939b; padding: 10px; margin: 0px -9px 20px} .pg_testimonials #content .top_video #video_player { text-align: center; } .pg_testimonials #content .video_listing { margin-top: 20px; padding-right: 0px; width: 596px } .pg_testimonials #content .video_listing h1 { margin-right: 0px; position: relative} .pg_testimonials #content .video_listing h1 img { position: absolute; top: 6px; right: 10px; } .pg_testimonials .content_right { float: left; width: 293px; } .pg_testimonials #content .content_right .details_pod { margin: 8px 0px 5px; background: none;} .pg_testimonials #content .content_right .details_pod .details { padding: 10px; margin: 0px -10px; border: 2px solid #1b120d; border-top: 0px; height: 250px; } .pg_testimonials #content .content_right .details_pod .details_top .avatar { float: left; border: 1px solid #000; margin-right: 10px; width: 64px; height: 49px } .pg_testimonials #content .content_right .details_pod .details_top div { float: left; width: 175px; font-size: 14px; line-height: 18px} .pg_testimonials #content .content_right .details_pod .details_top div span { display: block; color: #36939b} .pg_testimonials #content .content_right .details_pod .details_info { clear: both; float: left; margin-top: 10px; height: 180px; overflow: auto; font-size: 14px; line-height: 18px; } .pg_testimonials #content .content_right .poll { width: 268px; margin-top: 15px;} .pg_testimonials #content .content_right .twitter_pod { width: 268px; margin-top: 15px;} /* Password Reset */ .pg_reset .content_left { float: left; width: 608px; margin-right: 20px; margin-top: -10px; display: inline;} .pg_reset #content .content_left h1 { text-transform: uppercase; font: bold 25px arial; color: #36939b} .pg_reset #content .content_left p { font-size: 14px; line-height: 20px; margin-bottom: 10px } .pg_reset #content .reset_pw .form { float: left; padding: 20px 20px 30px; } .pg_reset #content .reset_pw label { clear: left; height: 23px; display: block; font-size: 14px; width: 110px; float: left; padding-top: 5px} .pg_reset #content .step2 label { width: 145px; } .pg_reset #content .step3 span { float: left; font-size: 14px; font-weight: bold; padding-top: 5px;} .pg_reset #content .step3 label { width: 130px; } .pg_reset #content .reset_pw .txt { float: left; padding: 4px 5px; margin-bottom: 7px; font-size: 14px; background: #e2d0a8; border: 1px solid #d4c299; border-top: 1px solid #5a4c42; border-left: 1px solid #5a4c42;} .pg_reset #content .reset_pw .submitbtn { margin: -10px 0px 0px 10px; float: left; } .pg_reset #content .reset_pw .email_error { float: left; line-height: 16px; border: 1px solid #f00; display: none; width: 500px; margin-bottom: 20px; background: #694547; padding: 5px; color: #fff; } .pg_reset #content .reset_pw .email_error a { color: #fff; } .pg_reset #content .reset_pw .hdnbtn { display: none; } .pg_reset .content_right { float: left; width: 293px; } .pg_reset #content .content_right .poll { width: 268px; margin-top: 15px;} .pg_reset #content .content_right .twitter_pod { width: 268px; margin-top: 15px;} /* 6.0 Be Infused */ .pg_infuse .content_left { float: left; width: 608px; margin: -10px 20px 0px 0px; display: inline;} .pg_infuse #content .content_left h1 { text-transform: uppercase; font: bold 25px arial; color: #36939b} .pg_infuse #content .content_left p { font-size: 14px; line-height: 20px; margin-bottom: 10px } .pg_infuse #content .infuse_listing h1 { position: relative; } .pg_infuse #content .infuse_listing h1 .share { font: normal 12px arial; text-transform: none; position: absolute; top: 8px; right: 10px; } .pg_infuse #content .infuse_listing { padding-bottom: 2px; } .pg_infuse #content .infuse_listing dl { float: left; margin: 0px -9px; padding: 10px 9px 0px } .pg_infuse #content .infuse_listing dl.hl { background: #29201c; } .pg_infuse #content .infuse_listing dt { float: left; width: 125px; } .pg_infuse #content .infuse_listing dd { float: left; width: 440px; margin: 10px 10px 10px 10px; } .pg_infuse #content .infuse_listing dd h2 { font: bold 18px arial; color: #36939b; margin-bottom: 10px;} .pg_infuse #content .infuse_listing dd h3 { margin: -10px 0px 10px 0px; color: #827a6d; font-size: 12px; font-weight: normal} .pg_infuse #content .infuse_listing dd .ind { margin-left: -20px; } .pg_infuse #content .infuse_listing dd .ind2 { margin-left: -10px; } .pg_infuse #content .infuse_listing p img { float: right; border: 1px solid #7d786b; margin: 0px 0px 10px 10px} .pg_infuse #content .infuse_listing dd .r { text-align: right} .pg_infuse .content_right { float: left; width: 293px; } .pg_infuse #content .content_right .purple_mid ul { margin-top: 10px; } .pg_infuse #content .content_right .purple_mid li { font-size: 14px; color: #E2D0A8; background: url(/App_Images/ico_purplearrow.gif) no-repeat left top; line-height: 18px; padding: 2px 0px 10px 30px; } .pg_infuse #content .content_right .purple_mid li strong { display: block;} .pg_infuse .content_left .infuse_listing h4 {font: bold 18px arial; color: #36939b; margin-bottom: 5px; } .pg_infuse .content_left .infuse_listing h4 span { font-size: 12px; font-weight: normal;} .pg_infuse .content_left .article_area { padding: 10px} .pg_infuse .content_left .speech_area { width: auto; margin: 0px auto 30px} /* Headlines */ #content .headlines_pod h2 { font: bold 14px arial; color: #36939b; margin: 5px 0px 2px 4px; } #content .headlines_pod .post { float: left; width: 275px; padding-bottom: 10px; border-bottom: 1px solid #281c13; margin: 0px 0px 10px 0px; } #content .headlines_pod .icon { padding-top: 8px; background: url(/App_Images/ico_smallHeadline.gif) no-repeat; float: left; width: 45px; height: 45px; color: #6e4f35; text-align: center; } #content .headlines_pod .icon span { display: block; text-align: center; font-size: 17px; font-weight: bold; } #content .headlines_pod .text { float: left; width: 225px; margin-left: 4px; } #content .headlines_pod p { margin-left: 5px; } #content .headlines_pod .viewall { color: #8a7c5b; text-align: center;} #content .headlines_pod .viewall a{ color: #8a7c5b; } #headlines_pod .viewall a:hover { color: #a0906a; } /* Specific Headline */ .pg_infuse #content dt.postit { padding-top: 15px; background: url(/App_Images/ico_Headlines2-trans.png) no-repeat; font-size: 16px; height: 127px; float: left; width: 125px; color: #1b120d; text-align: center; } .pg_infuse #content dt.postit span { display: block; text-align: center; font-size: 32px; font-weight: bold; } /* Paging System */ #content .content_left .pages { float: left; width: 586px; padding: 5px 0px; } #content .content_left .pages .L { display: block; float: left; width: 147px;} #content .content_left .pages .M { display: block; float: left; width: 292px; text-align:center; } #content .content_left .pages .M select { background: #29201C; font-size: 11px; border: 1px solid #E9E1CC; width: 50px; color: #E9E1CC} #content .content_left .pages .R { display: block; float: left; width: 147px; text-align: right } /* You Tube Videos Page */ .pg_youtube .content_left { float: left; width: 608px; margin-right: 20px; margin-top: -10px; display: inline;} .pg_youtube #content .content_left h1 { text-transform: uppercase; font: bold 25px arial; color: #36939b} .pg_youtube #content .content_left p { font-size: 14px; line-height: 20px; margin-bottom: 10px } .pg_youtube #content .top_video { padding-bottom: 20px; margin-top: 25px} .pg_youtube #content .top_video h1 { position: relative } .pg_youtube #content .top_video h1 .share { font: normal 12px arial; text-transform: none; position: absolute; top: 8px; right: 10px; } .pg_youtube #content .top_video h2 { background: #29201c; font: bold 18px arial; color: #36939b; padding: 10px; margin: 0px -9px 20px} .pg_youtube #content .top_video #video_player { text-align: center; } .pg_youtube #content .video_listing { margin-top: 20px; padding-right: 0px; width: 596px } .pg_youtube #content .video_listing h1 { margin-right: 0px; position: relative} .pg_youtube #content .video_listing h1 img { position: absolute; top: -10px; right: 10px; } .pg_youtube .content_right { float: left; width: 293px; } .pg_youtube #content .content_right .details_pod { margin: 15px 0px 5px; background: none;} .pg_youtube #content .content_right .details_pod .details { padding: 10px; margin: 0px -10px; border: 2px solid #1b120d; border-top: 0px; height: 250px; } .pg_youtube #content .content_right .details_pod .details_top .avatar { float: left; border: 1px solid #000; margin-right: 10px; width: 64px; height: 49px } .pg_youtube #content .content_right .details_pod .details_top div { float: left; width: 175px; font-size: 14px; line-height: 18px} .pg_youtube #content .content_right .details_pod .details_top div span { display: block; color: #36939b} .pg_youtube #content .content_right .details_pod .details_info { clear: both; float: left; margin-top: 10px; height: 180px; overflow: auto; font-size: 14px; line-height: 18px; } .pg_youtube #content .content_right .poll { width: 268px; margin-top: 15px;} .pg_youtube #content .content_right .twitter_pod { width: 268px; margin-top: 15px;} /* 7.0 Events */ .pg_events .content_left { float: left; position: relative; width: 608px; margin: -10px 20px 0px 0px; display: inline;} .pg_events #content .content_left .sharelisting { font: normal 12px arial; text-transform: none; position: absolute; top: 8px; right: 10px; } .pg_events #content .content_left h1 { text-transform: uppercase; font: bold 25px arial; color: #36939b} .pg_events #content .content_left p { font-size: 14px; line-height: 20px; margin-bottom: 10px } .pg_events #content .step { position: relative; margin-bottom: 20px; } .pg_events #content .step h1 { padding-left: 50px; position: relative; z-index: 2;} .pg_events #content .step .stepicon { position: absolute; left: -10px; top: -6px; z-index: 3} .pg_events #content .step .steplinks { display: none; position: absolute; top: 11px; right: 10px; text-transform: none; font-size: 11px; font-weight: normal;} .pg_events #content .step1 { padding-bottom: 2px } .pg_events #content .step1 dl { float: left; margin: 0px -8px; padding: 0px 8px; display: inline} .pg_events #content .step1 .hl { background: #29201c; } .pg_events #content .step1 dt { width: 100px; float: left; padding: 10px 0px 10px 10px;} .pg_events #content .step1 dd { float: left; padding: 10px 0px 10px 0px; width: 475px;} .pg_events #content .step1 dd h2 { font: bold 18px arial; color: #36939b; margin-top: 5px; margin-bottom: 5px;} .pg_events #content .step1 dd p { margin-bottom: 10px; } .pg_events #content .step1 dd .selectbtn { clear: both; float: right; margin-top: 0px; } .pg_events #content .step1 .selectallbtn { clear: both; position: absolute; bottom: -23px; left: -10px; } .pg_events #content .step2 { padding-bottom: 0px; } .pg_events #content .step2 .stepinner2 { margin: 10px 0px 0px 40px; float: left; padding-bottom: 20px; } .pg_events #content .step2 .left, .pg_events #content .step2 .mid, .pg_events #content .step2 .right { float:left; height: 60px; margin-right: 40px; display: inline} .pg_events #content .step2 .left img { display: block; } .pg_events #content .step2 .left select { width: 210px; background: #48211f; padding: 5px; border: 1px solid #5d423f; font-size: 14px; color: #e4d1cf} .pg_events #content .step3 { padding-bottom: 2px; } .pg_events #content .step3 .hl { background-color: #1B120D } .pg_events #content .step3 ul { margin: 0px 0px 0px 0px; } .pg_events #content .step3 li { padding: 15px 18px 15px 38px; margin: 0px -8px; background: #29201c url(/App_Images/ico_small_event-trans.png) 8px 10px no-repeat; } .pg_events #content .step3 li h4 { color: #e9e1cc; font: bold 14px arial; margin-bottom: 4px; } .pg_events #content .step3 li h5 { color: #786550; font: normal 12px arial; margin-bottom: 4px; } .pg_events #content .step3 li p { margin-bottom: 0px; } /* Event Details */ .pg_events #content .hosted { padding-bottom: 2px; position: relative; margin-bottom: 20px; } .pg_events #content .hosted dl { float: left; margin: 0px -8px; padding: 0px 8px; display: inline} .pg_events #content .hosted h1 { position: relative; } .pg_events #content .hosted h1 .share { font: normal 12px arial; text-transform: none; position: absolute; top: 8px; right: 10px; } .pg_events #content .hosted dt { width: 100px; float: left; padding: 10px 0px 10px 10px;} .pg_events #content .hosted dd { float: left; padding: 10px 0px 10px 0px; width: 475px;} .pg_events #content .hosted dd h2 { font: bold 18px arial; color: #36939b; margin-top: 5px; margin-bottom: 5px;} .pg_events #content .hosted dd p { margin-bottom: 10px; } .pg_events #content .event_details { padding-bottom: 2px; position: relative; margin-bottom: 20px; } .pg_events #content .event_details dl { float: left; background: #29201c; margin: 0px -8px; padding: 10px 8px 0px; display: inline} .pg_events #content .event_details dt { width: 120px; font: bold 24px arial; color: #36939b; text-align: right; float: left; } .pg_events #content .event_details dd { float: left; font: normal 20px arial; color: #e9e1cc; padding: 3px 0px 0px 10px;width: 455px;} .pg_events #content .event_details dl.btm { padding-bottom: 15px; } .pg_events #content .event_description { padding-bottom: 0px; } .pg_events #content .event_description .desc_inner { margin: 5px 10px; } .pg_events .content_right { float: left; width: 293px; font-size: 12px; } /* 8.0 Scholarship */ .pg_scholarship .content_left { float: left; width: 608px; margin-right: 20px; margin-top: -10px; display: inline;} .pg_scholarship #content .content_left h1 { text-transform: uppercase; font: bold 25px arial; color: #c59d10} .pg_scholarship #content .content_left p { font-size: 14px; line-height: 20px; margin-bottom: 0px } .pg_scholarship #content .top_video { padding-bottom: 20px; margin-top: 10px; margin-bottom: 20px; } .pg_scholarship #content .top_video h1 { position: relative } .pg_scholarship #content .top_video h1 .share { font: normal 12px arial; text-transform: none; position: absolute; top: 8px; right: 10px; } .pg_scholarship #content .top_video #video_player { text-align: center; padding: 20px 0px} .pg_scholarship #content .top_video .intro_text { padding: 0px 10px; } .pg_scholarship #content .top_video .intro_text img { display: block; margin: 10px 0px; } .pg_scholarship #content .judges { } .pg_scholarship #content .judges dl { float: left; margin: 0px -8px; padding: 0px 8px; display: inline} .pg_scholarship #content .judges .hl { background: #29201c; } .pg_scholarship #content .judges dt { width: 100px; float: left; padding: 10px 0px 10px 10px;} .pg_scholarship #content .judges dd { float: left; padding: 10px 10px 10px 0px; width: 465px;} .pg_scholarship #content .judges dd h2 { font: bold 18px arial; color: #36939b; margin-top: 5px; margin-bottom: 5px;} .pg_scholarship #content .judges dd div { display: none; } .pg_scholarship #content .judges dd strong { display: block; } .pg_scholarship #content .judges dd p { margin-bottom: 10px; } .pg_scholarship #content .video_listing { margin-top: 10px; margin-bottom: 10px; padding-right: 0px; width: 596px } .pg_scholarship #content .video_listing h1 { margin-right: 0px; position: relative} .pg_scholarship #content .video_listing h1 img { position: absolute; top: -10px; right: 10px; } .pg_scholarship .content_right { float: left; width: 293px; } #content .content_right .gold_cont { float: left; display: inline; margin: -10px -10px 0px -10px; } #content .content_right .gold_top { width: 314px; position: relative; float: left; background: url(/App_Images/bg_goldbox_top-trans.png) no-repeat top left; } #content .content_right .gold_mid { width: 269px; padding: 0px 20px; margin-top: 16px; float: left; background: url(/App_Images/bg_goldbox_mid.png) repeat-y left; } #content .content_right .gold_btm { width: 314px; position: relative; float: left; height: 16px; background: url(/App_Images/bg_goldbox_btm-trans.png) no-repeat top left; } #content .content_right .gold_mid h2 { font: bold 18px arial; color: #e2d0a8; text-transform: uppercase; } #content .content_right .gold_mid p { color: #e2d0a8; font-size: 14px; line-height: 18px } #content .content_right .gold_mid a { color: #e2d0a8; } #content .content_right .gold_mid a:hover { color: #fff; } #content .content_right .gold_mid p.r { margin-top: 5px; text-align: right; float: right; } #content .content_right .gold_mid p.r img { float: left; } #content .content_right .gold_mid p.r a { margin: 2px 0px 0px 3px; float: left;} .pg_scholarship #content .content_right .rules_pod { margin: 8px 0px 5px; } .pg_scholarship #content .content_right .rules_pod h1 {background: #6a4887; } .pg_scholarship #content .content_right .rules_pod li {padding-left: 50px; padding-right: 5px; line-height: 18px; font-size: 14px; } .pg_scholarship #content .content_right .rules_pod li.one { background: url(/App_Images/ol_one.gif) no-repeat; margin: 10px 0px; } .pg_scholarship #content .content_right .rules_pod li.two { background: url(/App_Images/ol_two.gif) no-repeat; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px} .pg_scholarship #content .content_right .rules_pod li.three { background: url(/App_Images/ol_three.gif) no-repeat; } .pg_scholarship #content .content_right .details_pod { margin: 8px 0px 5px; background: none; border: 2px solid #1b120d; border-top: 0px; text-align: center;} .pg_scholarship #content .content_right .details_pod h1 { background: #7d3237; margin-bottom: 10px; margin-left: -12px; margin-right: -12px} /* 9.0 Profile */ .pg_profile #content .pod { margin-bottom: 20px; } .pg_profile .content_left { float: left; width: 608px; margin-right: 20px; margin-top: -10px; display: inline;} .pg_profile #content .content_left h1 { text-transform: uppercase; font: bold 25px arial; color: #36939b} .pg_profile #content .content_left p { font-size: 14px; line-height: 20px; margin-bottom: 10px } .pg_profile .your_content { z-index: 99; position: relative; margin-top: 30px; } .pg_profile .your_content dl { float: left; width: 175px; margin-right: 20px; margin-top: 10px;} .pg_profile .your_content dl.grn { background: #182a0e; margin-left: 10px} .pg_profile .your_content dl.blu { background: #182426} .pg_profile .your_content dl.yel { background: #32260c; margin-right: 0px} .pg_profile .your_content dt { border-bottom: 3px solid #1b120d; } .pg_profile .your_content dt .title { margin-bottom: 0px; } .pg_profile .your_content dt .thumb { display: block; text-align: center; padding-bottom: 16px;} .pg_profile .your_content dt .on { padding-bottom: 14px; } .pg_profile .your_content dt .on img{ border: 1px solid #000; } .pg_profile .your_content dd { text-align: center; padding: 16px 0px; font-size: 12px; } .pg_profile .your_content dl.grn dd { background: #154410; color: #8aa288;} .pg_profile .your_content dl.blu dd { background: #143f4a; color: #8a9fa5} .pg_profile .your_content dl.yel dd { background: #49390a; color: #8c8264} .pg_profile .your_content dd a.tooltip { font-size: 12px; z-index: 1001; color: #e9e1cc; text-decoration: underline; cursor: help} .pg_profile .your_content dd a.tooltip:hover { visibility: visible; } .pg_profile .your_content dd a.tooltip span.tooltip { visibility: hidden; position: absolute; margin: 15px 0px 0px -80px; } .pg_profile .your_content dd a.tooltip:hover span.tooltip { visibility: visible; } .pg_profile .your_content dd a.tooltip span span { color: #E9E1CC; display: block; text-decoration: none; position: relative; border: 1px solid #E9E1CC; background: #1B120D; padding: 10px; font-size: 12px; text-align: left; width: 300px} .pg_profile .submit_content { } .pg_profile .submit_content .submit_area { float: left; padding: 15px 10px; position: relative;height: 465px; width: 543px;} .pg_profile .submit_content .submit_area ul { margin-left: 20px; } .pg_profile .submit_content .submit_area li { float: left; } .pg_profile .submit_content .submit_area li a { opacity: .55; filter: opacity(alpha=55); } .pg_profile .submit_content .submit_area li a.on, .pg_profile .submit_content .submit_area li a:hover { opacity: 1; filter: opacity(alpha=100); } .pg_profile .submit_content .submit_area .sform { display: none; left: 10px; top: 51px; position: absolute; height: 375px; width: 510px; padding: 25px; font-size: 14px; color: #e2d0a8} .pg_profile .submit_content .submit_area .sgrn { border: 3px solid #154410; background: #182a0e; } .pg_profile .submit_content .submit_area .sblu { border: 3px solid #143f4a; background: #182426; } .pg_profile .submit_content .submit_area .syel { border: 3px solid #49390a; background: #32260c; } .pg_profile .submit_content .submit_area .lbl { clear: left; font-size: 14px; color: #e2d0a8; float: left; margin-right: 7px; margin-bottom: 3px; padding-top: 7px} .pg_profile .submit_content .submit_area .txt, .pg_profile .submit_content .submit_area .txtarea { font-family: arial; float: left; font-size: 14px; padding: 4px; margin-bottom: 16px; background: #e2d0a8; border: 1px solid #d4c299; border-top: 1px solid #5a4c42; border-left: 1px solid #5a4c42;} .pg_profile .submit_content .submit_area .txtarea { float: left; width: 500px; height: 74px;} .pg_profile .submit_content .submit_area .youtube_info { display: block; margin-bottom: 16px;} .pg_profile .submit_content .submit_area .youtube_info label { text-decoration: underline; cursor: pointer} .pg_profile .submit_content .submit_area .youtube_code .txtarea { background: #e2d0a8 url(/App_Images/ico_txtarea_youtube.gif) no-repeat right top; } .pg_profile .submit_content .submit_area .submitbtn { margin: 0px -5px 0px 0px; float: right; } .pg_profile .submit_content .submit_area .error { float: left; line-height: 16px; font-size: 14px; border: 1px solid #f00; width: 400px; display: none; margin-top: 10px; background: #694547; text-align: center; padding: 5px; color: #fff; } .pg_profile .submit_content .submit_area .hdnbtn { display: none; } .pg_profile .submit_content a.tooltip { z-index: 97; position: absolute; margin-top: -2px; cursor: help} .pg_profile .submit_content a.tooltip:hover { visibility: visible; } .pg_profile .submit_content a.tooltip span.tooltip { visibility: hidden; position: absolute; margin: -20px 0px 0px -5px; } .pg_profile .submit_content a.tooltip:hover span.tooltip { visibility: visible; } .pg_profile .submit_content a.tooltip span span { color: #E2D0A8; display: block; text-decoration: none; position: relative; border: 1px solid #E9E1CC; background: #1B120D; padding: 10px; line-height: 16px; font-size: 12px; text-align: left; width: 300px} .pg_profile .submit_content .submit_area .sgrn a.tooltip span span { border-color: #154410; background: #182A0E; } .pg_profile .submit_content .submit_area .sblu a.tooltip span span { border-color: #143F4A; background: #182426;} .pg_profile .submit_content .submit_area .syel a { color:#E2D0A8 } .pg_profile .submit_content .instr{ margin: 5px 0px 0px 5px; float: left; color: #9F7C13; } .pg_profile .content_right { float: left; width: 293px; } .pg_profile .info { margin-top: 0px; } .pg_profile .info .error { float: left; line-height: 16px; font-size: 14px; border: 1px solid #f00; width: 250px; display: none; margin-top: 10px; background: #694547; text-align: center; padding: 5px; color: #fff; } .pg_profile .info .lbl { width: 80px; clear: left; font-size: 14px; color: #e2d0a8; float: left; margin-right: 7px; margin-bottom: 3px; padding-top: 9px} .pg_profile .info .txt, .pg_profile .info .select { width: 165px; color: #19120a; font-family: arial; float: left; font-size: 14px; padding: 8px 4px; margin-bottom: 10px; background: #7f715b; border: 1px solid #3e322a; border-top: 1px solid #3e322a; border-left: 1px solid #3e322a;} .pg_profile .info .txt { } .pg_profile .info .file { width: 80px; } .pg_profile .info .select { } .pg_profile .info .gender_area { float: left; width: 165px; padding-bottom: 15px } .pg_profile .info .gender_area label { font-size: 14px; color: #e2d0a8; text-decoration: underline; } .pg_profile .info .submitbtn { margin: 5px 0px 0px -10px; float: right; } .pg_profile .info .btn { float: left; margin: 10px 5px 0px 0px } .pg_profile .info .profile_error { line-height: 16px; border: 1px solid #f00; display: none; width: 258px; margin-bottom: 5px; background: #694547; text-align: center; padding: 5px; color: #fff; } .pg_profile .info .hdnbtn { display: none; } .pg_profile .info .instr{ margin: 10px 0px 0px 5px;position: absolute; color: #6F4B30; font-size: 10px } .pg_profile .info .birthdate_wrapper { float: left; width:165px; } .pg_profile .info .avatar { float: left; width: 66px; height: 51px; border: 1px solid #000; margin: 10px 0px 0px 4px; } .pg_profile .info .avatar_area { float: left; height: 73px; width: 165px; margin-left: 15px; display: inline;} .pg_profile .info .avatar_area .lbl { width: 140px } .pg_profile .info .file_upload { float: left; position: relative; } .pg_profile .info .file_upload .file { opacity: 0; filter: alpha(opacity=0); width: 165px; z-index: 210; position: relative; cursor: pointer } .pg_profile .info .file_upload .fake { clear: both; position: absolute; top: 3px; left: 2px; width: 108px; } .pg_profile .info .file_upload img { clear: both; position: absolute; left: 124px; top: 4px; z-index: 190; cursor: pointer} /* 10.0 Contact */ .pg_contact .content_left { float: left; width: 608px; margin-right: 20px; margin-top: -10px; display: inline;} .pg_contact #content .content_left h1 { text-transform: uppercase; font: bold 25px arial; color: #36939b} .pg_contact #content .content_left p { font-size: 14px; line-height: 20px; margin-bottom: 10px } .pg_contact #content .contact_form { padding: 20px; width: 566px;} .pg_contact #content .contact_form h1 { margin: -20px; margin-bottom: 20px;} .pg_contact .contact_form label { clear: left; font-size: 14px; color: #e2d0a8; width: 120px; float: left; margin-bottom: 3px; padding-bottom: 2px; padding-top: 7px} .pg_contact .contact_form .txt, .pg_contact .contact_form .txtarea { font-family: arial; float: left; font-size: 14px; padding: 4px; margin-bottom: 6px; background: #e2d0a8; border: 1px solid #d4c299; border-top: 1px solid #5a4c42; border-left: 1px solid #5a4c42;} .pg_contact .contact_form .txtarea { float: left; width: 540px; height: 155px;} .pg_contact .contact_form .submitbtn { margin: 5px 10px 0px 0px; float: right; } .pg_contact #error { line-height: 16px; font-size: 14px; border: 1px solid #f00; width: 540px; display: none; margin-bottom: 15px; background: #694547; text-align: center; padding: 5px; color: #fff; } .pg_contact #error img { margin-bottom: -4px; } .pg_contact .success { float: left; line-height: 16px; font-size: 14px; border: 1px solid #25FF00; width: 350px; visibility: hidden; margin: 10px 0px 15px 8px; background: #4A6945; text-align: center; padding: 5px; color: #fff; } .pg_contact .content_right { float: left; width: 293px; } .pg_contact #content .content_right .poll { width: 268px; margin-top: 15px;} .pg_contact #content .content_right .twitter_pod { width: 268px; margin-top: 15px;} .pg_contact #content .content_right .purple_mid ul { margin-top: 10px; } .pg_contact #content .content_right .purple_mid li { font-size: 14px; color: #E2D0A8; background: url(/App_Images/ico_purplearrow.gif) no-repeat left top; line-height: 18px; padding: 2px 0px 10px 30px; } .pg_contact #content .content_right .purple_mid li strong { display: block;} /* Whole Life Ethic Page */ .pg_ethic .content_left { float: left; width: 608px; margin: -10px 20px 0px 0px; display: inline;} .pg_ethic #content .content_left h1 { text-transform: uppercase; font: bold 25px arial; color: #36939b} .pg_ethic #content .content_left p { font-size: 14px; line-height: 20px; margin-bottom: 10px } .pg_ethic #content #video_player { width: 425px; margin: 20px auto; } .pg_ethic #content .top_area { padding-bottom: 0px; margin-bottom: 20px;} .pg_ethic #content .top_area h1 { font: normal 18px arial; color: #fff; } .pg_ethic #content .top_area h1 .share { font: normal 12px arial; text-transform: none; position: absolute; top: 12px; right: 10px; } .pg_ethic #content .top_area h1 span { color: #36939b; } .pg_ethic #content .top_area p { margin: 0px -10px; padding: 20px;} .pg_ethic #content .top_area p span { font-size: 18px; } .pg_ethic #content .top_area p.green {background: #46462c } .pg_ethic #content .top_area p.orange { background: #503613 } .pg_ethic #content .top_area p.teal { background: #2c4646; } .pg_ethic #content .content_left h3, .pg_ethic #content .content_left h3 a{ color: #ffc600; text-transform:uppercase; font: normal 21px arial; text-align: center; margin-bottom: 10px; } .pg_ethic .content_right { float: left; width: 293px; font-size: 12px; } /* Share Popup */ .pg_sharepopup #content { background-image: none; margin: 0px auto; width: 265px; } .pg_sharepopup #content .share_form { background: #54503b; float: left; padding: 10px; } .pg_sharepopup #content .share_form h1 { text-transform: uppercase; font: bold 22px arial; color: #fff} .pg_sharepopup #content .share_form input.txt, #content .share_form input.txt2, #content .share_form textarea.txtarea { display: block; border: 1px solid #2F2C1A; margin-bottom: 5px; padding: 6px 6px; color: #19120a; font-family: arial; background: #d4c299; font-size: 13px; } .pg_sharepopup #content .share_form input.txt2 { font-size: 11px; background: #9F9377; margin-top: 5px; margin-bottom: 5px; } .pg_sharepopup #content .share_form p.intro { font-size: 12px; line-height: 14px; } .pg_sharepopup #content .share_form th { white-space: nowrap; font-size: 12px; vertical-align: top; padding-top: 3px} .pg_sharepopup #content .share_form #error { top: 117px; position: absolute; display: none; color: #f00; padding: 2px 0px 6px; width: 150px;} .pg_sharepopup #content .share_form .success { font-size: 12px; line-height: 16px; display: none; width: 100px; white-space:nowrap; float: left; color: #D4C299; font-weight: normal; } .pg_sharepopup #content .share_form #btnSend { float: right; } .pg_sharepopup #content .share_form .req { float:right; margin-bottom: 10px; font-size: 11px; } .pg_sharepopup #content .share_form a.tooltip span span { border-color: #94C55F; } /* Various Banners */ /* Movie to Movement Banner */ #content .mtom_banner { padding: 43px 15px 0px; clear: both; width: 284px; height: 83px; background: url(/App_Images/bg_mtombanner-trans.png) no-repeat} #content .mtom_banner p { font: normal 11px arial; color: #fff; line-height: 13px; } #content .mtom_banner span { display: block; text-align: right; font: normal 11px arial; color: #fff; line-height: 13px; } #content .mtom_banner span a { font: normal 11px arial; color: #fff; }