/* Global styles */ .ocom_header_large { font-family:MillerHeadline; color:#333333; font-size:45px; letter-spacing:2px; line-height:35px; text-transform:uppercase } .ocom_tab_dark, .ocom_tab_light {font-family:helvetica, arial; font-size:13px; letter-spacing:0px; padding:0 28px; line-height:24px; font-weight:bold} .ocom_orange_light {color:#e19730} .ocom_orange_dark {color:#d9795e} .ocom_purple {color:#846088} .ocom_black {color:#333333} .ocom_grey {color:#5a5758} .loading_animation {background: url(/ocomtmp/images/loading/loading_animation_blk_70x70_1106_03b.gif) no-repeat center center; width: 70px; height: 70px; } .main_content_block { background-color:#ffffff; padding:10px; } .x640 { float:left; width:640px; } .x300 { float:right; width:300px; text-align:left; } .dotted_grey_line {background:#ffffff url(/images/community/100923/1px_Grey_Dot.gif); font-size:0; padding:3px 0 0 3px} .tows_listings a { color:#00a188; } .tows_related_resources { width:260px; background-color:#a1a1a1; margin-top:10px; padding:10px; color:#ffffff; } .tows_related_resources ul { margin:10px 0px 0px 15px; padding:0px; } .tows_related_resources li { padding-bottom:8px; line-height:15px; } .tows_related_resources a { color:#ffffff; } .tows_related_resources a:hover { color:#ffffff; } .icon_comments { background: url(/ocomtmp/images/articles/Icon_Tools_Comments_846088_082510.png) no-repeat; width: 22px; height: 17px; margin: 0 5px; } .comment_box_icon { background-color: #846088; color: #fff; position: relative; padding: 1px 4px; font: 10px/9px arial; text-align: center; float: left; margin: 2px 6px 0 0; min-width: 11px; } .comment_box_icon div { background: url(/ocomtmp/images/common/ocom/icon-comment-box-tab-trans-062111.png) no-repeat; width: 5px; height: 4px; position: absolute; right: 6px; bottom: -4px; } .btn_expand { background: url(/images/profile/user_info/btn_expand.png) no-repeat; width: 14px; height: 14px; } .btn_minimize { background: url(/images/profile/user_info/btn_minimize.png) no-repeat; width: 14px; height: 14px; } .btn_cancel_ocom { background: url(/ocomtmp/images/registration/btn-cancel-062011.png) no-repeat; width: 181px; height: 41px; cursor: pointer; } .btn_joinnow_ocom { background: url(/ocomtmp/images/registration/btn-joinnow-062011.png) no-repeat; width: 181px; height: 41px; cursor: pointer; } /* Top Navigation 1/5/2012 */ .top_site_nav { height: 44px; background: #bbb url(http://static.oprah.com/css/own/images/ownnetwork/nav-pixel.png) repeat-x; color: #fff; } .top_site_nav #top_greeting #username { font-style: normal; margin-top: 15px; color: #ffffff; } .top_site_nav #top_greeting #username a { color: #3a9ec3; } .top_site_nav .max_width { width: 988px; } ul.top_nav_tabs, .top_nav_tabs li { list-style: none; list-style-type: none; padding: 0; margin: 0; } .top_nav_tabs { position: absolute; top: 0; left: 0; } .top_nav_tabs * { display: block; float: left; } .top_nav_tabs a { background: transparent url(/ocomtmp/images/navigation/120105/shownav-sprite-v1.png) no-repeat 0 0; outline: 0; text-indent: -9999px; } #top_login_reg .top_nav_tabs { position: relative;float: left; } #top_login_reg .top_nav_tabs span { display: none; } .top_nav_tabs .own_nav_start { background-position: 0 0; width: 110px; height: 44px; } .top_nav_tabs .own_nav_tab_ocom { background-position: 0 -2747px; width: 104px; height: 44px; } .top_nav_tabs .own_nav_tab_ocom:hover { background-position: 0 -2792px; width: 104px; height: 44px; } .top_nav_tabs .selected .own_nav_tab_ocom {background-position: 0 -105px; width: 104px; height: 53px; } .top_nav_tabs .own_nav_tab_nextchapter { background-position: 0 -2837px; width: 181px; height: 44px; } .top_nav_tabs .own_nav_tab_nextchapter:hover {background-position: 0 -2882px; width: 181px; height: 44px; } .top_nav_tabs .selected .own_nav_tab_nextchapter {background-position: 0 -2598px; width: 181px; height: 53px; } .top_nav_tabs .own_nav_tab_omag { background-position: 0 -2927px; width: 108px; height: 44px; } .top_nav_tabs .own_nav_tab_omag:hover { background-position: 0 -2972px; width: 108px; height: 44px; } .top_nav_tabs .selected .own_nav_tab_omag {background-position: 0 -318px; width: 108px; height: 53px; } .top_nav_tabs .own_nav_tab_rosie { background-position: 0 -3017px; width: 96px; height: 44px; } .top_nav_tabs .own_nav_tab_rosie:hover { background-position: 0 -3062px; width: 96px; height: 44px; } .top_nav_tabs .selected .own_nav_tab_rosie {background-position: 0 -2261px; width: 96px; height: 53px; } .top_nav_tabs .own_nav_tab_owntv { background-position: 0 -3107px; width: 74px; height: 44px; } .top_nav_tabs .own_nav_tab_owntv:hover { background-position: 0 -3152px; width: 74px; height: 44px; } .top_nav_tabs .selected .own_nav_tab_owntv {background-position: 0 -2405px; width: 74px; height: 53px; } .top_nav_tabs .own_nav_tab_ocom_blogs { background-position: 0 -3197px; width: 102px; height: 44px; } .top_nav_tabs .own_nav_tab_ocom_blogs:hover { background-position: 0 -3242px; width: 102px; height: 44px; } .top_nav_tabs .selected .own_nav_tab_ocom_blogs {background-position: 0 -3287px; width: 102px; height: 53px; } .top_nav_tabs .own_nav_tab_radio { background-position: 0 -3340px; width: 59px; height: 44px; } .top_nav_tabs .own_nav_tab_radio:hover { background-position: 0 -3385px; width: 59px; height: 44px; } .top_nav_tabs .selected .own_nav_tab_radio {background-position: 0 -2116px; width: 59px; height: 53px; } .top_nav_tabs .own_nav_tab_facebook { background-position: 0 -3430px; width: 33px; height: 44px; margin-left: 16px;} .top_nav_tabs .own_nav_tab_facebook:hover, .top_nav_tabs .selected .own_nav_tab_facebook {background-position: 0 -3475px; width: 33px; height: 44px; } .top_nav_tabs .own_nav_tab_twitter { background-position: 0 -3520px; width: 33px; height: 44px; } .top_nav_tabs .own_nav_tab_twitter:hover, .top_nav_tabs .selected .own_nav_tab_twitter {background-position: 0 -3565px; width: 33px; height: 44px; } .top_nav_tabs .own_nav_tab_youtube { background-position: 0 -3610px; width: 34px; height: 44px; } .top_nav_tabs .own_nav_tab_youtube:hover, .top_nav_tabs .selected .own_nav_tab_youtube {background-position: 0 -3655px; width: 34px; height: 44px; } .top_nav_tabs .own_nav_logout { background-position: 0 -3880px; width: 82px; height: 44px; } .top_nav_tabs .own_nav_logout:hover { background-position: 0 -3925px; width: 82px; height: 44px; } .top_nav_tabs .selected .own_nav_logout {background-position: 0 -1112px; width: 82px; height: 44px; } .top_nav_tabs .own_nav_login { background-position: 0 -3700px; width: 70px; height: 44px; margin-left: 72px; } .top_nav_tabs .own_nav_login:hover { background-position: 0 -3745px; width: 70px; height: 44px; margin-left: 72px; } .top_nav_tabs .selected .own_nav_login {background-position: 0 -953px; width: 70px; height: 44px; } .top_nav_tabs .own_nav_join { background-position: 0 -3790px; width: 48px; height: 44px; } .top_nav_tabs .own_nav_join:hover { background-position: 0 -3835px; width: 48px; height: 44px; } .top_nav_tabs .selected .own_nav_join {background-position: 0 -1058px; width: 48px; height: 44px; } #top_login_reg #username { margin: 16px 5px 0 0; } #top_login_reg #top_greeting, #top_login_reg #top_login { padding-right: 0; } /* OCOM nav sprite */ #ocom_header {background-color:#ffffff; position:relative; z-index:9999; width: 988px; } #ocom_header .hot_topics_btn, #ocom_header .search { background: url(/ocomtmp/images/navigation/100810/nav_sprite3.png) no-repeat 0 0} #ocom_header .ocom_logo, #ocom_mainnav { background: url(/ocomtmp/images/navigation/070811/nav-pixel-strip.png) repeat-x; } #ocom_mainnav a, #ocom_mainnav div, #ocom_subnav a, #ocom_more_nav .more { background: url(/ocomtmp/images/navigation/120105/sprite-ocom-nav-v2.png) no-repeat 0 0; outline: 0} #ocom_more_nav a { background: url(/ocomtmp/images/navigation/060111/Sprite_Nav_Dropdown_More_060111_01a.png) no-repeat 0 0; outline: 0} #ocom_header .ocom_logo {background-color:#ffffff; background-position:} .ocom_top_logo {width:218px; height:100px;} /* OCOM header */ #ocom_header .search_text {margin:2px 0 0 3px; padding:0; width:90%; font-size:18px; color:#909090; border:0} #ocom_header .search {width:33px; height:31px; border:0; margin:0; padding:0; background-position: 0px -1091px; float:right} #ocom_header .hot_topics_btn {display:block; width:86px; height:21px; float:left; text-indent:-9999px; outline:0; background-position: 0px -1070px; margin-right:14px} /* OCOM Main Navigation Bar */ #ocom_mainnav { width:988px; height:42px} #ocom_mainnav a { height:42px; } #ocom_mainnav .nextchapter { background-position:0 -3125px; width:197px; } #ocom_mainnav .nextchapter:hover, #ocom_mainnav .selected .nextchapter { background-position:0 -3168px; width:197px; } #ocom_mainnav .omagazine { background-position:0 -3211px; width:119px; } #ocom_mainnav .omagazine:hover, #ocom_mainnav .selected .omagazine { background-position:0 -3254px; width:119px; } #ocom_mainnav .rosie { background-position:0 -3297px; width:100px; } #ocom_mainnav .rosie:hover, #ocom_mainnav .selected .rosie { background-position:0 -3340px; width:100px; } #ocom_mainnav .owntv { background-position:0 -3383px; width:68px; } #ocom_mainnav .owntv:hover, #ocom_mainnav .selected .owntv { background-position:0 -3426px; width:68px; } #ocom_mainnav .videos { background-position:0 -3469px; width:74px; } #ocom_mainnav .videos:hover, #ocom_mainnav .selected .videos { background-position:0 -3512px; width:74px; } #ocom_mainnav .community { background-position:0 -446px; width:144px; } #ocom_mainnav .community:hover, #ocom_mainnav .selected .community { background-position:0 -489px; width:144px; } #ocom_mainnav .oprah_blog { background-position:0 -3555px; width:111px; } #ocom_mainnav .oprah_blog:hover, #ocom_mainnav .selected .oprah_blog { background-position:0 -3598px; width:111px; } #ocom_mainnav .oprah_radio { background-position:0 -3641px; width:66px; } #ocom_mainnav .oprah_radio:hover, #ocom_mainnav .selected .oprah_radio { background-position:0 -3684px; width:66px; } #ocom_mainnav .search_area { background: none; margin-left: 10px; } #ocom_mainnav .search_field { background-position:0 -2394px; width:164px; height:30px; float:left; margin: 6px 0 0 3px} #ocom_mainnav .search_field input { border:0; width:150px; float:left; margin:5px 0 0 5px; color:#808080; font-size:14px; font-family:arial; } #ocom_mainnav .search_button { background-position:-4px -606px; width:63px; height:30px; border:0; float:left; margin: 6px 0 0 2px; cursor: pointer;} #ocom_mainnav .nav_end { background-position:0 -1657px; width:14px; height: 42px; } /* OCOM Sub Navigation Bar */ #ocom_subnav { width:988px; height:19px; padding-top:7px; } #ocom_subnav a { height:12px; line-height:12px } #ocom_subnav li { padding:0px 17px; height:12px; border-right:1px solid #a072a1 } #ocom_subnav .spirit { background-position:0 -637px; width:55px; } #ocom_subnav .spirit:hover, #ocom_subnav .selected .spirit { background-position:0 -649px; width:55px; } #ocom_subnav .health { background-position:0 -661px; width:67px; } #ocom_subnav .health:hover, #ocom_subnav .selected .health { background-position:0 -673px; width:67px; } #ocom_subnav .relationships { background-position:0 -685px; width:130px; } #ocom_subnav .relationships:hover, #ocom_subnav .selected .relationships { background-position:0 -697px; width:130px; } #ocom_subnav .style { background-position:0 -709px; width:158px; } #ocom_subnav .style:hover, #ocom_subnav .selected .style { background-position:0 -721px; width:158px; } #ocom_subnav .books { background-position:0 -733px; width:56px; } #ocom_subnav .books:hover, #ocom_subnav .selected .books { background-position:0 -745px; width:56px; } #ocom_subnav .food { background-position:0 -757px; width:46px; } #ocom_subnav .food:hover, #ocom_subnav .selected .food { background-position:0 -769px; width:46px; } #ocom_subnav .entertainment { background-position:0 -780px; width:141px; } #ocom_subnav .entertainment:hover, #ocom_subnav .selected .entertainment { background-position:0 -792px; width:141px; } #ocom_subnav .more { background-position:0 -804px; width:62px; } #ocom_subnav .more:hover, #ocom_subnav .selected .more { background-position:0 -816px; width:62px; } #ocom_subnav li.last { border-right: 0; padding-right:0 } /* OCOM More Dropdown Navigation */ #ocom_more_nav_shim { width:145px; height:142px; border:0; background-color:#ffffff; position:absolute; top:169px; right:0 } #ocom_more_nav { width:143px; position:absolute; border:1px solid #846087; overflow:visible} #ocom_more_nav a { float:none; height:28px; line-height:28px; width:143px } #ocom_more_nav li { float:none; width:143px; height:28px } #ocom_more_nav .more_link { background-color:#ffffff; border:1px solid #846087; border-bottom:0; width:72px; height:20px; line-height:20px; padding:3px 0 0 17px; position:absolute; left:53px; top:-24px} #ocom_more_nav .more { background-position:0 -816px; width:62px; height:12px; line-height:12px } #ocom_more_nav .home { background-position:0 -29px; } #ocom_more_nav .home:hover, #ocom_more_nav .selected .home { background-position:0 0px; } #ocom_more_nav .money { background-position:0 -87px; } #ocom_more_nav .money:hover, #ocom_more_nav .selected .money { background-position:0 -58px; } #ocom_more_nav .world { background-position:0 -145px; } #ocom_more_nav .world:hover, #ocom_more_nav .selected .world { background-position:0 -116px; } #ocom_more_nav .exclusives { background-position:0 -203px; } #ocom_more_nav .exclusives:hover, #ocom_more_nav .selected .exclusives { background-position:0 -174px; } #ocom_more_nav .subscribe { background-position:0 -261px; } #ocom_more_nav .subscribe:hover, #ocom_more_nav .selected .subscribe { background-position:0 -232px; } #ocom_more_nav .community { background-position:0 -319px; } #ocom_more_nav .community:hover, #ocom_more_nav .selected .community { background-position:0 -290px; } #ocom_more_nav .ostore { background-position:0 -377px; } #ocom_more_nav .ostore:hover, #ocom_more_nav .selected .ostore { background-position:0 -348px; } #ocom_more_nav .oradio { background-position:0 -435px; } #ocom_more_nav .oradio:hover, #ocom_more_nav .selected .oradio { background-position:0 -406px; } #ocom_welcome_nav {position:relative; height:30px; background-color:#ffffff; width:988px} /* MYOWN Community Navigation */ #myown_community_header { background: url(/images/community/100923/GraphicalHeader_Community_trans_092010.png) no-repeat 0 0; width:988px; height:91px} #myown_community_nav { width:988px; height:31px} #myown_community_nav, #myown_community_nav a { background: url(/images/community/101222/Sprite_Profile_122210_01a.png) no-repeat 0 0; outline: 0; height:31px} #myown_community_nav {background-position:0 -192px; background-repeat: repeat-x} #myown_community_nav .profile_home { background-position:0 -32px; width:143px; } #myown_community_nav .profile_home:hover, #myown_community_nav .selected .profile_home { background-position:0 0px; width:143px; } #myown_community_nav .my_channel { background-position:0 -96px; width:164px; } #myown_community_nav .my_channel:hover, #myown_community_nav .selected .my_channel { background-position:0 -64px; width:164px; } #myown_community_nav .o_dreamboards { background-position:0 -160px; width:164px; } #myown_community_nav .o_dreamboards:hover, #myown_community_nav .selected .o_dreamboards { background-position:0 -128px; width:164px; } #myown_community_nav .workbooks { background-position:0 -256px; width:135px; } #myown_community_nav .workbooks:hover, #myown_community_nav .selected .workbooks { background-position:0 -224px; width:135px; } /* OCOM Footer */ #ocom_footer .footer_header { background:url(/ocomtmp/images/navigation/082710/Header_EverythingOprah_Trans_090110.png) no-repeat center top; font-size: 0; height: 38px; margin-bottom: 27px; } /* OCOM content wrapper */ #ocom_content_wrapper:after, #community_content_wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #ocom_content_wrapper, #community_content_wrapper {background-color: #ffeed1; *zoom:1; /*for IE*/} #ocom_content_wrapper, #ocom_takeover_topper {background-color:#ffffff} #ocom_content_wrapper, #ocom_content_wrapper.subnav {background:#ffffff none; padding: 9px 24px 15px; } /* Community Styling */ #community_content_wrapper .content_shadow_right {background:#ffffff url(/images/community/100923/Right_Content_Shadow_Right.gif) repeat-y right top;} #community_content_wrapper .content_shadow_top, #community_content_wrapper .content_shadow_bottom, #community_content_wrapper .content_shadow_bottom div { font-size:0; height:8px; background-image: url(/images/community/100923/Right_Content_Shadow_Sprite.gif)} #community_content_wrapper .content_shadow_top { background-repeat:no-repeat; background-position:right -24px} #community_content_wrapper .content_shadow_bottom { background-repeat:repeat-x } #community_content_wrapper .content_shadow_bottom div { background-repeat:no-repeat; background-position:right -8px;} #community_content_wrapper .content_shadow_bottom div div { background-repeat:no-repeat; background-position:left -16px;} /* new sub section type template */ #ocom_subsection_content_wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #ocom_subsection_content_wrapper {background: #f5efe2 url(/ocomtmp/images/navigation/nav_shadow_f5efe2.png) repeat-x 0 0;} #ocom_subsection_content_wrapper {text-align:left; width:988px; position:relative; *zoom:1; /*for IE*/} /* Breadcrum */ #ocom_breadcrumb {font-size:12px; padding-bottom:10px; } #ocom_breadcrumb a {font-size:12px; color:#019b83} /* OCOM content wrapper */ .left_content_wrapper { float: left; width: 620px; } .right_content_wrapper { float: right; width: 300px; } /* Image with lower caption overlay */ .lower_caption, .lower_caption img {display:block; overflow:hidden; position:relative} .lower_caption:hover {text-decoration:none} .lower_caption .caption {position:absolute; width:100%} .lower_caption .caption .overlay {height:100%; position:absolute; font-size:0; width:100%; left:0; bottom:-10; background-color:#000; vertical-align:middle; opacity:0.2; filter:alpha(opacity=20)} .lower_caption .caption .text {color:#fff; position:absolute; width:100%; height:100%; left:0; bottom:-10; vertical-align:middle;} .lower_caption .caption .overlayvideo {height:100%; position:absolute; font-size:0; width:100%; left:0; bottom:-10; align:middle; vertical-align; middle; background-color:#000; opacity:0.2; filter:alpha(opacity=20)} .lower_caption .caption .textvideo {color:#fff; position:absolute; width:100%; height:100%; left:0; bottom:-10; vertical-align:middle; align:middle} .lower_caption .caption .text .padding {align:middle; vertical-align:middle } .lower_caption .caption .textvideo .padding {align:middle; vertical-align:middle } .videolink:hover {text-decoration:none} .videolink:link {color: #ffffff; text-decoration:none} .videolink:visited {color: #ffffff; text-decoration:none} .videolink:active {color: #ffffff; text-decoration:none} /* category_label tab */ .featured_image, .homepage_image {position:relative; oveflow:hidden;} .homepage_image .category_bg, .homepage_image .category_text {position:absolute; line-height:25px; bottom:3px; left:3px; padding:0 8px; font-weight:700; font-size:12px; color:#ffffff} .homepage_image .category_bg, .featured_image .category_bg {opacity:0.75; filter:alpha(opacity=75);} .homepage_image .category_text a {color:#ffffff} .featured_image .category_text, .featured_image .category_bg {position:absolute; line-height:23px; bottom:1px; left:1px; padding:0 8px; font-size:12px; color:#ffffff} #top_greeting_ocom { color:#ffffff; position:absolute; top:4px; right:4px; font-size:12px; white-space:nowrap } #top_greeting_ocom * { color:#ffffff; font-size:12px; } #top_greeting_ocom img { color:#ffffff; font-size:12px; vertical-align:middle } #top_greeting_ocom a:hover { color:#ffffff; text-decoration:none } /*#top_login_greeting { position:absolute; top:2px; right:0; white-space:nowrap; font-style:italic }*/ #top_login_greeting { float: left; margin-top:3px; width: 988px; white-space:nowrap; } #top_greeting, #top_login { float: right; padding-right: 12px; } #top_greeting #username { font-style: italic; } /* Right rail modules */ #right_rail_wrapper .spacer {font-size:0; height:16px} .rr_column { width: 138px; padding: 6px; } .rr_column .rr_title { margin-bottom: 1px; } .rr_header {font:italic 25px/1.2 MillerHeadline; padding:5px 10px 0; color:#d9795e} .rr_padding10 {padding:0 10px 10px; display:block} .rr_padding10 .rr_header {padding-left:0px; padding-right:0; } .rr_padding7 {padding:0 7px 7px; display:block} .rr_padding7 .rr_header {padding-left:0px; padding-right:0; } .rr_border {border:1px solid #a9a9a9} .rr_button { font-family:Georgia; font-size:16px; padding:0 10px; line-height:28px; text-align:center; background-color:#a072a1; color:#ffffff; height:28px; border:0; display: inline-table; display: inline-block} .rr_button:hover { text-decoration: none} .rr_hilite {color: #846088} .rr_hilite2 {color: #d9795e} .rr_serif {font-family:georgia} .rr_serifbold {font-family:georgia; font-weight:bold} .rr_modules_admin .form-text { width: 260px; } .tows .week { padding-bottom:2px; width:284px; position:relative; z-index:1; } .tows .week .day_of_week { float:left; height:39px; position:relative; cursor:pointer; background-color:#8772a1} .tows .week .arrow { position:absolute; font-size:0px; line-height:0px; top:39px; left:16px; width:22px; height:11px; } .tows .sprite_img { background:url(/ocomtmp/images/modules/twix/sprite.png) no-repeat 0 0; } .tows .day_on, .tows .day_off { height:39px; color:#ffffff; cursor:pointer} .tows .day_on {background-color: #6b5788} .tows .tows_caption {height:58px; text-align:center; padding:10px 15px 0} .tows .print_icon {background-position: -374px 0; width: 18px; height: 17px; display:block; text-indent:-9999px; margin: 5px 10px 0 0} .tows .alerts_signup {background-position: 0 0; width: 94px; height: 25px; display:block; text-indent:-9999px; float:right; text-indent:-9999px} .tows .icons_container { height:24px; overflow:hidden; margin:0; padding:0; list-style-type:none; } .tows .icons_container * { display:block; float:left; } .tows .icons_container a { background-repeat:no-repeat; text-indent:-9999px; } .tows .facebook { background-position:-392px -0px; width:24px; height:24px; } .tows .twitter { background-position:-416px -0px; width:24px; height:24px; } .tows .myspace { background-position:-440px -0px; width:24px; height:24px; } .tows .youtube { background-position:-464px -0px; width:24px; height:24px; } .tows .tows_border_top { background:url(/ocomtmp/images/modules/082610/TWIX_top_082610.png) no-repeat right top; padding-right:20px} .tows .tows_border_top div { background:url(/ocomtmp/images/modules/082610/TWIX_top_082610.png) no-repeat left top; font-size:0; height:10px} .tows .tows_border_left { background:url(/ocomtmp/images/modules/082610/TWIX_Left_082610.png) no-repeat left top; } .tows .tows_border_right { background:url(/ocomtmp/images/modules/082610/TWIX_Right_082610.png) no-repeat right top; } .tows .tows_border_bottom { background:url(/ocomtmp/images/modules/082610/TWIX_Bottom_082610.png) no-repeat right top; padding-right:20px} .tows .tows_border_bottom div { background:url(/ocomtmp/images/modules/082610/TWIX_Bottom_082610.png) no-repeat left top; font-size:0; height:11px} /* Twix Feed Module */ .twix_feed .tab_button { height: 58px; } .twix_feed .tab_arrow { position: absolute; bottom: -11px; left: 65px; width: 21px; height: 11px;} .twix_tab_own .tab_button_bg { height:58px; background:url(http://static.oprah.com/css/own/images/ownnetwork/twix-header-v1.png) no-repeat -1px -1px;} /* .twix_feed_item { padding-bottom: 5px; margin-bottom: 3px; border-bottom: 1px solid #dedede; } .twix_feed_date { float: left; width: 54px; } .twix_feed_date .day_of_week { padding-left: 3px; font: italic 18px/18px MillerHeadline; text-transform: lowercase; color: #d73332;} .twix_feed_date .month_date { padding-left: 3px; line-height: 13px; } .twix_feed_content { float: left; width: 215px; line-height: 18px; } */ /* Twix Feed (Custom) Module */ .custom_twix_feed { font-size: 15px; } .custom_twix_feed .link_hdr { width: 53px; line-height: 13px; } .custom_twix_feed .link_content { padding: 14px 0 15px 12px; width: 241px; } .custom_twix_feed .module_footer { padding: 14px 10px; margin-bottom: 4px; } /* Twix Video (Custom) Module */ .custom_twix_video .twix_container { width: 280px; font-size: 13px; } .custom_twix_video .tab_pointer {background:url(http://static.oprah.com/css/own/images/common/img-twix-arrow-down.png) no-repeat; width: 14px; height: 7px; position: absolute; left: 20px; bottom: -7px; display: none; } .custom_twix_video .active .tab_pointer { display: block; } .custom_twix_video .tab_container { text-align: center; text-transform: uppercase; border: 1px solid #dacff1; border-bottom: none; } .custom_twix_video .tab_container .tab { float: left; width: 55px; height: 32px; border-bottom: 1px solid #491D98; border-right: 1px solid #491D98; font-size: 14px; line-height: 13px; padding-top: 7px; cursor: pointer; position: relative; } .custom_twix_video .tab_container .tab.active { background-color: #fff; } .custom_twix_video .tab_container .tab.last { float: left; width: 54px; border-right: none; } .custom_twix_video .twix_video { border: 1px solid #dacff1; border-top: none; font-size: 0; } .custom_twix_video .twix_description { margin-top: 6px; } .custom_twix_video .twix_video img { width: 278px; height: 163px; } /* Custom Twix Feed (Double) */ .custom_twix_feed_double .twix_container { width: 298px; border: 1px solid #aaa; overflow: hidden; } .custom_twix_feed_double #rr_twix_tab_tab_1 { width: 148px; border-right: 1px solid #aaa; } .custom_twix_feed_double .rr_twix_tab { width: 149px; height: 62px; font-size: 0; border-bottom: 1px solid #aaa; overflow: hidden; cursor: pointer; } .custom_twix_feed_double .rr_twix_tab img { width: 149px; height: 62px; } .custom_twix_feed_double .rr_twix_list { padding-top: 14px; font-size: 14px !important; } .custom_twix_feed_double .rr_row { padding: 0 18px 6px; } .custom_twix_feed_double .link_hdr { text-align: left; width: 79px; } .custom_twix_feed_double #rr_twix_tab_1 { font-family: arial; } .custom_twix_feed_double #rr_twix_tab_2 { font-family: georgia; } .custom_twix_feed_double #rr_twix_tab_1 a { color: #986dac !important; } .custom_twix_feed_double #rr_twix_tab_2 a { color: #5c9d8a !important; } /* Recent Blogs Module */ .rr_recent_blogs_outer { border: 1px solid #59A131; padding: 2px; } .rr_recent_blogs_inner { border: 2px solid #59A131; } .rr_recent_blogs_inner a { color: #3a9ec3; } .rr_recent_blogs_inner ul { margin: 0; padding: 0; } .rr_recent_blogs_inner li { margin: 0 10px; padding: 10px 5px; list-style: none; list-style-type: none; } .rr_recent_blogs_inner li.first { margin-top: 9px; padding-top: 0px; } .rr_recent_blogs_inner .rr_header_img { background: url(/ocomtmp/images/blogs/rr-llmodule-header.png) no-repeat; width: 288px; height: 114px; cursor: pointer; } .rr_recent_blogs_inner .rr_footer_img { background: url(/ocomtmp/images/blogs/rr-llmodule-bottom.png) no-repeat; width: 288px; height: 144px; } .rr_recent_blogs_inner .rr_divider { background: url(/ocomtmp/images/blogs/rr-llmodule-ruledoubledots-sprite.png) repeat-x; width: 270px; height: 3px; margin: 0 10px; padding: 0; font-size: 0; line-height: 0; } .rr_recent_blogs_inner .rr_header { color: #59A232; padding: 3px 10px; line-height: 32px; } .rr_recent_blogs_inner .rr_image { width: 130px; height: 89px; overflow: hidden; } .rr_recent_blogs_inner .rr_title { width: 118px; font: 14px/18px georgia; margin-top: -3px; } .rr_recent_blogs_inner .rr_date { font: 11px/16px georgia; margin-top: 2px; letter-spacing: -0.6px; } .rr_recent_blogs_inner .rr_image img { width: 130px; } .rr_recent_blogs_inner .rr_row_even .rr_title { float: right; } .rr_recent_blogs_inner .rr_row_even .rr_image { float: left; margin-right: 10px; } .rr_recent_blogs_inner .rr_row_odd .rr_title { float: left; } .rr_recent_blogs_inner .rr_row_odd .rr_image { float: right; margin-left: 10px; } /* Styled Elements */ .styledElementsWrapper { position: relative; } .styledElementsWrapper .styledFile { position: absolute; top: 0; left: 0; z-index: 1; } .styledElementsWrapper .styledFile input { width: 468px; height: 24px; float: left; margin: 2px 9px 0 0; border: 1px solid #a6a6a6; } .styledElementsWrapper input.file, .styledElementsWrapper input.hidden { position: relative; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; z-index: 5; width: 555px; } .styledElementsWrapper select.styleEl { position: relative; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; z-index: 5; } .styledElementsWrapper .disabled { -moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; } .styledElementsWrapper .select { position: absolute; padding: 6px 24px 0 8px; background: url("http://static.oprah.com/css/own/images/common/btn-dropdown-menu-7e7e7e.png") no-repeat right top #ffffff; border: 1px solid #a6a6a6; overflow: hidden; z-index: 1; width: 184px; height: 22px; } .styledElementsWrapper span.select { position: absolute; top: 0; left: 0; } .styledElementsWrapper iframe.hidden { position: absolute; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; border: 0; z-index: 2 } /* Feed tabs */ #feed_tabs {padding:9px 0 9px 0; margin:0; list-style-type:none;border-bottom:1px solid #E0DCDB;border-top:1px solid #E0DCDB} #feed_tabs li {float:left; padding:0 8px} #feed_tabs a.selected {cursor:default} /* Speech bubble */ .speech_bubble, .speech_bubble div { float:left; font-size:0; padding-bottom:3px; background: url(/ocomtmp/images/feed/CommentBubble_Sprite.png) no-repeat bottom center; } .speech_bubble div { background-position: 0 -12px; padding: 0 0 0 2px; } .speech_bubble div div { text-align:center; background-position: top right; padding: 0 3px 0 0; } .speech_bubble div div div{ font-size:8px; line-height:10px; height:10px; background: #846088 none; color:#ffffff; padding:0px 3px 0px 2px; } /* Easy-to-swallow cat pills */ .cat_pill {outline:0; text-indent:-9999px; display:block; height:13px; background: url(/ocomtmp/images/feed/pill_sprite.png) no-repeat; overflow:hidden} .cat_pill_spirit {background-position: -1083px 0; width: 44px} .cat_pill_health {background-position: -331px 0; width: 53px} .cat_pill_style {background-position: -1127px 0; width: 44px} .cat_pill_relationships {background-position: -990px 0; width: 93px} .cat_pill_home {background-position: -384px 0; width: 99px} .cat_pill_entertainment {background-position: -101px 0; width: 98px} .cat_pill_food {background-position: -291px 0; width: 40px} .cat_pill_money {background-position: -483px 0; width: 48px} .cat_pill_world {background-position: -1171px 0; width: 49px} .cat_pill_videos, .cat_pill_photos, .cat_pill_ostore, .cat_pill_sweepstakes, .cat_pill_oprahdotcom {background-position: -608px 0; width: 73px} .cat_pill_oprahshow {background-position: -836px 0; width: 154px} .cat_pill_omagazine {background-position: -531px 0; width: 77px} .cat_pill_oprahbookclub {background-position: -764px 0; width: 72px} .cat_pill_audio, .cat_pill_oprahradio {background-position: -681px 0; width: 83px} .cat_pill_angelnetwork {background-position: 0px 0; width: 101px} .cat_pill_blogs {background-position: -199px 0; width: 92px} /* Contributor tabs */ #contributor_tab {padding:0; margin:0; list-style-type:none} #contributor_tab li {float:left; padding:0px 8px 0px 0px; } #contributor_tab a {background:url(/images/blogs/contributor_sprite.png) no-repeat 0 0; display:block; text-indent:-9999px; outline:0} #contributor_tab .sort_by a {background-position: -8px 0px; width:62px; height:19px; cursor:default} #contributor_tab .see_all a {background-position: 0px -19px; width:66px; height:19px;} #contributor_tab .popular a {background-position: 0px -57px; width:72px; height:19px;} #contributor_tab .most_active a {background-position: 0px -95px; width:95px; height:19px;} #contributor_tab .alpha a {background-position: 0px -133px; width:40px; height:19px;} #contributor_tab .see_all a:hover, #contributor_tab .see_all .selected {background-position: 0px -38px; width:66px; height:19px} #contributor_tab .popular a:hover, #contributor_tab .popular .selected {background-position: 0px -76px; width:72px; height:19px} #contributor_tab .most_active a:hover, #contributor_tab .most_active .selected {background-position: 0px -114px; width:95px; height:19px} #contributor_tab .alpha a:hover, #contributor_tab .alpha .selected {background-position: 0px -152px; width:40px; height:19px} #contributor_tab a.selected {cursor:default} /* Package Header */ #package_ad_header {position:relative; width:634px; overflow:hidden} #package_ad_header .logo {position:absolute; top:0; left:504px; z-index:1} #package_ad_header .hdr {text-align:left} #package_ad_header .links {padding:6px 10px} #package_ad_header .links a {line-height:20px; font-size:12px; color:#00999b} #package_ad_header .links span {line-height:20px; font-size:16px; padding:0 10px} /* Lightbox styles */ .lb_content { color: #000000; } .lb_content .lb_hilite a, .lb_content .lb_hilite {color: #a072a1} .lb_content .lb_hilite2 {color: #f47a5c} .lb_content .lb_hilite3 {color: #a9a9a9} .lb_content .lb_border {border:solid 20px #4c4c4c; overflow:hidden; background-color:#ffffff; padding:20px 40px 40px} .lb_border_trans {background-image:url(/ocomtmp/images/Img-lightbox-DrkBkg-100x100.png); padding:20px;} .lb_content .lb_header {font-family:MillerHeadline; font-size:28px; text-align:center; text-transform:uppercase; padding-bottom:20px;} .lb_content input.text, .lb_content input.password, .lb_content input[type=password], .lb_content input[type=text] {border-width:1px; font-size:18px} .ocom_tab_dark, .ocom_tab_light, .ocom_button_dark, .ocom_button_light, .lb_content .lb_button_lite, .lb_content .lb_button {background-color:#856089; color:#ffffff; line-height:26px; text-align:center; text-transform:uppercase; font-family:Georgia; font-size:13px; letter-spacing:1px; padding:0 30px; overflow:visible; display: -moz-inline-box; display:inline-block; outline: 0; border:0; cursor:pointer} .ocom_tab_light, .ocom_button_light, .lb_content .lb_button_lite {background-color:#a9a9a9} .ocom_tab_light:hover, .ocom_tab_dark:hover, .ocom_button_light:hover, .ocom_button_dark:hover, .lb_content .lb_button:hover, .lb_content .lb_button_lite:hover {text-decoration:none} .lb_close { width:26px; height:26px; display:block; background-image:url(/ocomtmp/images/Btn_Delete_a9a9a9_092010.png); } .lb_close:hover { background-image:url(/ocomtmp/images/Btn_Delete_846088_092010.png); } /* Articles */ #ocom_content_wrapper .byline_container .byline_byline { color: #8b8b8b; } .byline_container .byline_byline { font: 11px arial; } .byline_container .byline_links { padding: 16px 0 13px; margin-top: 6px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; width: 620px; } .conv .byline_container .byline_links, .book_details .byline_container .byline_links, .gift_details .byline_container .byline_links { border-bottom: none; } .media_video .byline_container .byline_links, .media_audio .byline_container .byline_links { padding-bottom: 1px; margin-top: 7px; border-bottom: none; width: 615px; } .slideshow .byline_container .byline_links { margin-top: 0; padding-bottom: 9px; margin-bottom: 0; border-bottom: none; } #popup_slideshow .byline_container .byline_byline { margin: 10px 30px 7px; width: 840px; color: #808080; } #popup_slideshow .byline_container .byline_links { padding-bottom: 9px; margin: 0 30px; border-bottom: none; width: 445px;} .prodlist .byline_container .byline_links { margin-bottom: 7px; } .byline_sendlink { margin-top:2px;} .byline_print, .byline_comment { font-size: 12px; margin-top: 5px; } .byline_print .ocom_print_icon { margin-right: 5px; } .sharebar_envelope_icon { background:url(/ocomtmp/images/articles/icon-sharebar-envelope-email.png) no-repeat; width: 38px; height: 17px; } .ocom_print_icon { background: url(/ocomtmp/images/common/ocom/icon-printer.png) no-repeat; height: 10px; width: 11px; pointer: cursor; margin-top: 2px; } .checkbox_icon { background: url(/ocomtmp/images/common/ocom/checkbox-nocheck-trans.png) no-repeat; width: 19px; height: 22px; } .checkbox_icon.checked { background: url(/images/registration/100901/checkbox_on.png) no-repeat; } .check_icon { background: url(/ocomtmp/images/common/ocom/checkbox-check-trans.png) no-repeat; width: 19px; height: 22px; } .btn_slide_prev_active { background:url(/ocomtmp/images/slideshow/Btn_Previous_Active.png) no-repeat; width:18px; height: 18px; cursor: pointer;} .btn_slide_prev_inactive { background:url(/ocomtmp/images/slideshow/Btn_Previous_Inactive.png) no-repeat; width:18px; height: 18px; } .btn_slide_next_active { background:url(/ocomtmp/images/slideshow/Btn_Next_Active.png) no-repeat; width:18px; height: 18px; cursor: pointer;} .btn_slide_next_inactive { background:url(/ocomtmp/images/slideshow/Btn_Next_Inactive.png) no-repeat; width:18px; height: 18px; } .btn_slide_lg_prev_active { background:url(/ocomtmp/images/slideshow/Btn_Previous_FullCircle_Active.png) no-repeat; width:26px; height: 26px; cursor: pointer; margin-right: 2px; } .btn_slide_lg_prev_inactive { background:url(/ocomtmp/images/slideshow/Btn_Previous_FullCircle_Inactive.png) no-repeat; width:26px; height: 26px; } .btn_slide_lg_next_active { background:url(/ocomtmp/images/slideshow/Btn_Next_FullCircle_Active.png) no-repeat; width:26px; height: 26px; cursor: pointer;} .btn_slide_lg_next_inactive { background:url(/ocomtmp/images/slideshow/Btn_Next_FullCircle_Inactive.png) no-repeat; width:26px; height: 26px; } #article_byline { float: left; font: 11px arial; color: #8b8b8b; width: 620px;} #article_byline .article_byline_pad { padding: 0; } #article_byline_links { float: right; font-size: 10px; color: #846088; padding: 3px 0 0 0; } #article_byline_fb_wrapper { float: left; } .article_section_wrapper { margin-top: 37px; border-top:2px dotted #b9b9b9; } .article_section_wrapper ul { font: 14px arial; color: #333; list-style-image: url(/ocomtmp/images/articles/Bullet_14pt_666e72_082510.png); margin:6px 0 0 15px; padding:0; } .article_section_wrapper li { margin-bottom: 16px} .article_section_wrapper h2 { font: 29px georgia; color: #333;} .article_section_wrapper h5 { font: 16px georgia; color: #846088; margin: 3px 0 0;} .article_section_wrapper p { font: 14px arial; margin: 5px 0 0 !important;} #showinfo_container { width: 620px; padding-top: 15px; } #showinfo_container .show_image { float: left; width: 90px; height: 69px; margin-right: 14px; } #showinfo_container .show_title { font: 20px/20px Georgia; margin-bottom: 6px; } #showinfo_container .show_description { font: 16px Georgia; } #showinfo_container .show_title, #showinfo_container .show_description { float: left; color: #666; width: 516px; } #comments_container { margin: 35px 0 52px 0; width: 602px;} #comment_section .comment_pad { padding: 13px 8px 0; } #ocom_comments_container { width: 602px; overflow: hidden; } #ocom_comments_container #container { color: #666; border: 1px solid #adadad; border-top: 0; padding-bottom: 6px; position: relative; } #add_comment_button { background: url(/ocomtmp/images/comments/Btn_PostAComment_846088_082510.png) no-repeat; width: 171px; height: 34px; padding-bottom: 7px; } .comment_arrow_expand { background: url(/ocomtmp/images/info_pages/Arrow_Down_replies.png) no-repeat; height: 6px; width: 10px; float: left; margin: 5px 5px 0 0; } .comment_arrow_contract { background: url(/ocomtmp/images/info_pages/Arrow_Up_replies.png) no-repeat; height: 6px; width: 10px; float: left; margin: 5px 5px 0 0; } #notify_img { float: left; background: url(/images/registration/100901/checkbox_off.png) no-repeat; width: 19px; height: 22px; } #notify_img.selected { background: url(/images/registration/100901/checkbox_on.png) no-repeat; } /* Text */ .article_text #article_byline { margin-bottom: 11px; } .article_text #article_content { clear: both; padding-top: 7px; } /* Slideshow */ .slideshow #article_byline { width: 610px; } .fashion #article_byline { width: 620px; } .last_slide #article_byline { width: 610px; } #article_content_container { float: left; width: 620px; font-family: arial; color: #5a5758; font-size: 14px;} #article_content_container h1 { font: 32px georgia; color: #333; margin: 0 0 5px; } .related_articles h2 { font: 29px georgia; margin: 0} #article_content_container .related_articles h2 { color: #333 !important; margin-top: 8px;} #article_content_container h3 { font: 18px georgia; color: #333; margin: 0; padding: 0; } #article_content_container .main_image h3 { font: 20px georgia; color: #333; margin: 25px 0 0 30px;} #article_content_container p { font: 14px arial;margin: 9px 0 0; line-height: 19px; } #article_content_container p a { color: #846088; } #article_content_container.fashion .slide_details p { margin-top: 5px; } #article_content_container li { font: 14px arial; color: #666; } #article_content_container li a { color: #846088; } #article_content_container #article_description_wrapper { float: left; clear: both; font-size: 16px; margin-bottom: 9px; line-height: 21px;} #article_content_container #article_byline_wrapper { float: left; clear: both; font-size: 11px; color: #808080; margin-bottom: 6px; line-height: 16px; width: 600px; } #article_content_container #article_byline_links_wrapper {float: left; clear: both; width: 620px; } #article_content_container.show-dated #article_byline_links { margin-top: 5px; } #article_content_container #article_byline_links_wrapper table { margin-top: 5px; color: #808080;} #slide_container { float:left; margin-top: 8px; } #slide_container .slide_container_pad { padding: 0 10px 7px; } #slide_container .slide_content { position: relative; width: 600px; } .fashion #slide_container { border: 1px solid #e1e1e1; margin-top: 11px;} .story #slide_container { border: 1px solid #e1e1e1; margin-top: 6px;} .fashion #slide_container .slide_container_pad { padding: 9px; } .story #slide_container .slide_container_pad { padding: 9px 9px 6px; } .last_slide #slide_container .slide_container_pad { padding: 9px; } #article_content_container #slideshow_description_wrapper{ float: left; clear: both;margin: 7px 0 0 10px; font: 14px/19px arial;} * #article_content_container #slideshow_description_wrapper{ width: 590px } html > body #article_content_container #slideshow_description_wrapper{ width: 600px } #article_content_container.story #slideshow_description_wrapper{ margin: 0; } #article_content_container #photo_credit, #slide_legal_disclaimer { float: left; clear: both; font: 11px arial; color: #808080;line-height: 16px;} #article_content_container #photo_credit { margin-top: 9px} #article_content_container.story #photo_credit { margin: 9px 0} #article_content_container.fashion #photo_credit { margin: 9px 0; width: 296px;} .story #slide_next_prev_wrapper, .fashion #slide_next_prev_wrapper { margin-top: 9px; width: 600px; font: 16px arial; color: #846088; } .fashion #slide_next_prev_wrapper { margin-top: 12px; margin-bottom: 18px; } .story #slide_next_prev_wrapper a, .fashion #slide_next_prev_wrapper a { text-decoration: none; } .story #slide_next_prev_wrapper .previous, .fashion #slide_next_prev_wrapper .previous { float: left; background: url(/ocomtmp/images/slideshow/Arrow_Previous.png) no-repeat left 4px; padding-left: 10px; } .story #slide_next_prev_wrapper .next, .fashion #slide_next_prev_wrapper .next { float: right; background: url(/ocomtmp/images/slideshow/Arrow_Next.jpg) no-repeat right 4px; padding-right: 10px; } #slide_nav_wrapper { float: left; clear: both; width: 610px; font: 11px arial; color #808080; margin: 7px 0 0; } .last_slide #slide_nav_wrapper { width: 620px; } #article_content_container .nav_buttons { float: right; clear: both; } .fashion .slide_details #slide_nav_wrapper .nav_buttons { float: left; } #article_content_container .nav_buttons div { float: left; } #article_content_container .nav_buttons .slide_number { margin: 5px 5px 0 5px; color: #808080; } .fashion .slide_details #slide_nav_wrapper .nav_buttons .slide_number { margin: 7px 5px 0 5px; } #article_content_container .nav_buttons .prev_next_buttons { margin-top: 3px; } .fashion #article_byline_links_wrapper #slide_nav_wrapper { margin-top: 0; } .story #slide_nav_wrapper { margin: 15px 0 0; color: #808080; width: 610px; } .fashion #slide_nav_wrapper { clear: right; width: 305px; margin: 0 0 21px; } .last_slide #article_byline_links_wrapper #slide_nav_wrapper { width: 610px; clear: both; margin: 14px 0 0; } .fashion #slide_nav_wrapper2, .story #slide_nav_wrapper2 { font: 11px arial; color: #808080; width: 600px; margin-top: 10px; } .story #slide_nav_wrapper2 { margin-top: 15px; } .prev_next_buttons .btn_slide_prev_active, .prev_next_buttons .btn_slide_prev_inactive { margin-right: 2px; } .prev_next_buttons .btn_slide_lg_prev_active, .prev_next_buttons .btn_slide_lg_prev_inactive { margin-right: 2px; } #article_content_container #slideshow_description_pager { float: left; clear: both; margin: 9px 0 27px; font: 16px arial; color: #846088; width: 600px; } #slideshow_description_pager .pager_wrapper { float: right } #slideshow_description_pager .pager_wrapper div { float: left; } #slideshow_description_pager .pager_wrapper .pager_previous, #slideshow_description_pager .pager_wrapper .pager_size { margin-right: 15px; } #article_content_container .related_articles {float: left; clear: both; width: 620px;} #article_content_container.story .related_articles .related_resources, #article_content_container.fashion .related_articles .related_resources { border: none; margin-top: 33px;} #article_content_container #slide_container #previous_main_image { width: 35px; height: 64px; float: left; cursor: pointer; } #article_content_container #slide_container #previous_main_image { background: url(/ocomtmp/images/slideshow/Btn_Previous_HalfCircle_Active.png) transparent; } #article_content_container #slide_container #next_main_image { width: 35px; height: 64px; float: right; cursor: pointer; } #article_content_container #slide_container #next_main_image { background: url(/ocomtmp/images/slideshow/Btn_Next_HalfCircle_Active.png) transparent; } #slideshow_content2 { width: 600px;} #slideshow_content2 .pad { padding:10px 0px 10px 0px; background-color:#e5e5e5; } .fashion #slideshow_content2 { margin-top: 16px; } #article_content_container.last_slide #slideshow_content2 { margin-top: 0 !important;} .last_slide #slide_container { border: 1px solid #E1E1E1; margin-top: 7px; } #slideshow_content2 .slide_navigation_container { width: 535px; height: 70px; overflow: hidden; position: relative; float: left; } #slideshow_content2 #previous_slide { float: left; display: block; width: 25px; height: 69px; margin-right: 7px; background: url(/ocomtmp/images/slideshow/Nav_SlideshowThumbs_Previous_Hover_110410.png) no-repeat; cursor: pointer; } #slideshow_content2 #previous_slide.inactive { background: url(/ocomtmp/images/slideshow/Nav_SlideshowThumbs_Previous_Inactive_110410.png) no-repeat; cursor: default;} #slideshow_content2 #next_slide { float: left; display: block; width: 25px; height: 69px; margin-left: 8px; background: url(/ocomtmp/images/slideshow/Nav_SlideshowThumbs_Next_Hover_110410.png) no-repeat; cursor: pointer; } #slideshow_content2 #next_slide.inactive { background: url(/ocomtmp/images/slideshow/Nav_SlideshowThumbs_Next_Inactive_110410.png) no-repeat; cursor: default;} .fashion #slideshow_content2 #previous_slide { float: left; display: block; width: 23px; height: 45px; margin: 13px 10px 0 0; background: url(/ocomtmp/images/slideshow/Btn_Slideshow_Previous_Active.png) no-repeat; cursor: pointer; } .fashion #slideshow_content2 #previous_slide.inactive { background: url(/ocomtmp/images/slideshow/Btn_Slideshow_Previous_Inactive.png) no-repeat; cursor: default;} .fashion #slideshow_content2 #next_slide { float: left; display: block; width: 23px; height: 45px; margin: 13px 0 0 9px; background: url(/ocomtmp/images/slideshow/Btn_Slideshow_Next_Active.png) no-repeat; cursor: pointer; } .fashion #slideshow_content2 #next_slide.inactive { background: url(/ocomtmp/images/slideshow/Btn_Slideshow_Next_Inactive.png) no-repeat; cursor: default;} #article_content_container .main_image { float: left; clear: both; width: 600px; background-color: #f0f0f0; position: relative; padding-bottom: 8px;} #article_content_container #slideshow_more_slideshow_wrapper { float: left; padding: 29px 0 0 139px; width: 344px;} #article_content_container #slideshow_more_slideshow_wrapper h5 { font: 16px georgia; margin: 3px 0 30px; width: 130px; } #article_content_container #slideshow_more_slideshow_wrapper h5 a { text-decoration: none; } #article_content_container #slideshow_more_slideshow_wrapper .row { float: left; clear: both; width: 344px; } #article_content_container #slideshow_more_slideshow_wrapper .row .float { float: left; width: 130px; margin: 0 0 0 0; } #article_content_container.last_slide .slide_details { float: left; } .slide_overlay_container { width: 600px; height: 411px; position: absolute; z-index: 15; top: 0; left: 0; } .fashion .slide_overlay_container { width: 280px; height: 400px; } .story .slide_overlay_container { width: 600px; height: 411px; } /* Slideshow (Popup) */ #popup_slideshow #article_byline { float: none; margin: 8px 0 4px 30px; } #popup_slideshow #slide_navigation .slide_thumb { height: 67px; margin-bottom: 15px; width: 96px; padding: 0; } /* Product List Articles */ #ocom_content_wrapper .article_prodlist_content_wrapper { margin: 3px 0 0; } #ocom_content_wrapper .prodlistGrid, #ocom_content_wrapper .prodlistList { float: left; width: 620px; margin:7px 0 2px;} #ocom_content_wrapper .prodlistRow { float: left; clear: both; width: 620px; padding-bottom: 27px; } #ocom_content_wrapper .prodlistList .prodlistRow { padding-bottom: 15px; margin-bottom: 14px; border-bottom: 1px solid #e2e2e2;} #ocom_content_wrapper .prodlistItem { float: left; width: 215px;} #ocom_content_wrapper .prodlistItem.lastItem { width: 190px;} #ocom_content_wrapper .prodlistItem .thumbnail { float: left; width: 215px; height: 130px; font-size: 0; } #ocom_content_wrapper .prodlistItem .thumbnail.lastItem { width: 190px; background-color: none; } #ocom_content_wrapper .prodlistList .thumbnail { float: left; width: 190px; height: 130px; padding-right: 20px; } #ocom_content_wrapper .prodlistItem .thumbnail img, #ocom_content_wrapper .prodlistList .thumbnail img { width: 190px; height: 130px; border: 0; } #ocom_content_wrapper .prodlistItem .title, #ocom_content_wrapper .prodlistItem .cost, #ocom_content_wrapper .prodlistItem .phone, #ocom_content_wrapper .prodlistItem .description, #ocom_content_wrapper .prodlistItem .site_url { float: left; width: 190px; } #ocom_content_wrapper .prodlistItem .title { font: bold 16px Georgia; margin: 4px 0 6px; } #ocom_content_wrapper .prodlistList .title { font: bold 16px Georgia; margin: -4px 0 6px; } #ocom_content_wrapper .prodlistItem .description, #ocom_content_wrapper .prodlistList .description { line-height: 16.5px; } #ocom_content_wrapper .prodlistItem .cost, #ocom_content_wrapper .prodlistList .cost { font-family: Georgia; font-weight: bold; margin-top: 1px;} #ocom_content_wrapper .prodlistItem .site_url, #ocom_content_wrapper .prodlistList .site_url { margin-top:6px;} #ocom_content_wrapper .prodlistItem .phone, #ocom_content_wrapper .prodlistList .phone { margin-top:7px; font-size: 12px;} #ocom_content_wrapper .prodlistList .content { float: left; width: 393px; } .prodlist .article_pagination { float: left; margin-top: 8px; width: 620px; padding-bottom: 37px; border-bottom: 2px dotted #999;} .prodlist #comments_container { margin-top: 0; } /* Media Articles */ #ocom_video_content_wrapper .article_section_wrapper { margin-top: 18px; } #ocom_video_content_wrapper .related_articles { margin-bottom: 16px; } #ocom_video_content_wrapper #showinfo_container { padding: 19px 0 0; } #ocom_video_content_wrapper #comments_container { margin: 11px 0 0 12px; } #ocom_video_content_wrapper .ocom_comments { border-top: none; margin: 0; padding: 0; } #next_up_wrapper { width: 300px; margin-left: 9px; border-top: 2px dotted #ABACAE; border-bottom: 2px dotted #ABACAE; } #next_up_title { padding: 15px 0 0 10px; } #next_up_list { margin-left: 9px; width: 292px; } .next_up_item { width: 292px; border-bottom: solid 1px #d5d3de; padding: 10px 0 7px; font: 12px arial; } .next_up_item.last { border-bottom: none; } .next_up_image { float: left; } .next_up_image img { width: 90px; height: 62px; } .next_up_title { float: left; width: 182px; margin-left: 7px; } /* Sweeps Gallery */ #sweeps_gallery_slide_container { clear:both; width:598px; border:solid 1px #e3e3e3; } #sweeps_gallery_description_container { padding-bottom:13px; } #sweeps_gallery_container { float: left; width: 620px; font-family: arial; color: #5a5758; font-size: 14px;} #sweeps_gallery_container h1 { font: 32px georgia; color: #333; margin: 0 0 5px; } #sweeps_gallery_container .sweeps_galley_container_pad .sweeps_gallery_media_pad { float: left; clear: both; padding: 0 10px 7px; } #sweeps_gallery_content_container { float: left; clear: both; font-size: 16px; margin-bottom: 9px; line-height: 21px;} #sweeps_gallery_description_wrapper { left; clear: both; font-size: 16px; margin-bottom: 9px; line-height: 21px;} #sweeps_gallery_content_container p { margin-top: 5px; } #sweeps-gallery_content_container #sweeps-gallery_byline_links_wrapper {float: left; clear: both; width: 620px; } #sweeps_gallery #sweeps_gallery_content { clear: both; padding-top: 7px; border-top:solid 1px #e5e5e5; } #sweeps_gallery_details { float: left; } #gallery_pager { float: right; padding:20px; text-align:left; } /* Conversation */ #ocom_content_wrapper .conv .article_image { line-height: 0; margin-top: 18px; } #ocom_content_wrapper .conv .article_content { width: 600px; border-top: 2px dotted #abacae; margin-top: 19px; } #ocom_content_wrapper .conv .article_content .inner { margin: 7px 6px 8px; padding: 14px 16px 31px 23px; color: #333333; } #ocom_content_wrapper .conv #comments_container { margin-top: 0; } #ocom_content_wrapper .conv .ocom_comments { margin-top: 0; } /* Contact Us */ .contact_us_ocom .primary_header { margin-bottom: 18px; } .contact_us_ocom .primary_header .rr_header { font: normal 44px/44px georgia; text-transform: uppercase; color: #000; } .contact_us_ocom .secondary_header { font: 20px/20px georgia; text-transform: uppercase; margin-bottom: 3px; } .contact_us_ocom .secondary_item { margin: 16px 0 0; padding: 20px 0 4px; border-top: 2px dotted #aaa; } .contact_us_ocom .primary_description, .contact_us_ocom .secondary_description { color: #5a5758; font: 14px/20px arial; } /* Admin */ #edit_form .item_sec_divider { padding: 5px; font: bold 16px arial; background-color: #efefef; } #edit_form .cta_section { border: 1px solid #efefef; padding: 0 10px; } #edit_form .cta_section .field_item { padding: 2px; } #edit_form .cta_section input[type="text"] { width: 400px; } #package_form .item_sec_divider { padding: 5px; margin: 10px 0; font: bold 16px arial; background-color: #d1d1d1; } /* Package Pages */ #conversation_content_wrapper { float: left; clear: both; width: 964px; padding: 0 12px 10px 12px; background-color: #fff;} #conversation_content_wrapper #package_content_container { float: left; width: 629px } #conversation_content_wrapper #package_content_container .pad { padding: 16px 0 0 28px } #conversation_content_wrapper #comments_container { width: 604px; margin: 8px 0 10px; background-color: #fff; } #conversation_content_wrapper #comments_heading { border-bottom: 1px dashed #ccc; margin-top: 35px; padding-bottom: 9px; width: 602px; } #conversation_content_wrapper #comments_heading.oprahs-favorite-things { background: url(/ocomtmp/images/oprahs-favorite-things/Header_Share_Your_Stories.jpg) no-repeat; height: 19px } #all_comments .comment_item { margin: 10px 0 4px; } #conversation_content_wrapper .right-rail { float: left; width: 330px; } #conversation_content_wrapper .right-rail .pad { padding: 4px 16px 0 14px } html > body .fgc_log_reg_oprah { width:292px; height:230px; background-image:url(/ocomtmp/images/feelgoodchallenge/52Weeks_Img_Oprah_Trans_122210.png); } * .fgc_log_reg_oprah { background-image: none; width:292px; height:230px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://betastg.oprah.com/images/feelgoodchallenge/52Weeks_Img_Oprah_Trans_122210.png", sizingMethod="image"); } /* Package Modules */ .modular_package_wrapper #ocom_content_wrapper { padding: 26px 21px 15px 16px; } .sl_module { margin: 0 0 18px; border-top: 2px dotted #adadad; padding-top: 16px; } .sl_module.first { padding-top: 0; border-top: none; } .sl_cta_arrows { background: url(/ocomtmp/images/modular_package/arrows-double-right-603965.png) no-repeat; width: 7px; height: 7px; margin: 5px 0 0 3px; } .sl_ctl { top: 0; left: 0 } .sl_ctr { top: 0; right: 0;} .sl_cbl { bottom: 0; left: 0;} .sl_cbr { bottom: 0; right: 0;} .sl_hl_left { border-left: 1px solid #CDC8CF; } .sl_module .bullet .sl_index { background: url(/ocomtmp/images/modular_package/bullet-5pix-89678di.png) no-repeat; width: 5px; height: 5px; margin-top: 5px; } .sl_large_promo { margin-bottom: 15px; } .sl_large_promo .sl_image, .sl_large_promo .sl_image img { width: 300px; font-size: 0; } .sl_large_promo .sl_image img { height: 205px; border: 1px solid #808080; } .sl_large_promo .sl_photo_credit { font-size: 10px; margin-top: 2px; } .sl_large_promo .sl_content { width: 280px; margin-left: 14px; } .sl_large_promo .sl_title { font: 26px/26px georgia; margin-bottom: 7px;} .sl_featured_image_header { border: 1px solid #d1d1d1; text-align: center; width: 620px; margin-bottom: 15px; } .sl_featured_image_header .sl_pad { padding: 9px; } .sl_featured_image_header .sl_image { width: 600px; overflow: hidden; font-size: 0; } .sl_featured_image_header .sl_photo_credit { font-size: 10px; } .sl_featured_image_header .sl_title { font: 26px georgia; text-transform: uppercase; margin: 6px 0 7px; } .sl_featured_image_header .sl_description { text-align: left; } .sl_item_last { float: left; margin-right: 0; } .sl_double_promo_multi .sl_title { font: 18px georgia; margin: 11px 0 3px; } .sl_double_promo_multi .sl_row { margin-bottom: 18px; } .sl_double_promo_multi .sl_item { float: left; width: 300px; overflow: hidden; margin-right: 18px; } .sl_double_promo_multi .sl_image, .sl_double_promo_multi .sl_image img { width: 300px; height: 206px; } .sl_double_promo_multi .sl_content { width: 300px; } .sl_triple_promo_multi { margin-top: 4px; } .sl_triple_promo_multi .sl_row { margin-bottom: 18px; } .sl_triple_promo_multi .sl_item { float: left; width: 192px; overflow: hidden; margin-right: 21px; } .sl_triple_promo_multi .sl_image { border: 1px solid #808080; } .sl_triple_promo_multi .sl_image, .sl_triple_promo_multi .sl_image img { width: 190px; height: 130px; } .sl_triple_promo_multi .sl_content { width: 190px; margin-top: 6px; font: 16px georgia; } .sl_quad_promo_multi { margin-top: 4px; } .sl_quad_promo_multi .sl_row { margin-bottom: 18px; } .sl_quad_promo_multi .sl_item { float: left; width: 130px; overflow: hidden; margin-right: 32px; } .sl_quad_promo_multi .sl_image { border: 1px solid #808080; } .sl_quad_promo_multi .sl_image, .sl_quad_promo_multi .sl_image img { width: 128px; height: 87px; } .sl_quad_promo_multi .sl_content { width: 128px; margin-top: 10px; font: 16px georgia; } .sl_question_and_answer { position: relative; padding-top: 18px; } .sl_question_and_answer .has_bg { padding: 8px 14px; } .sl_question_and_answer .sl_header { position: relative; height: 56px; } .sl_question_and_answer .sl_image { font-size: 0; position: absolute; bottom: 0; left: 0; } .sl_question_and_answer .sl_header_txt { position: absolute; font: 24px georgia; bottom: 4px; left: 123px; color: #464646; } .sl_question_and_answer .has_bg .sl_header_txt { left: 110px; bottom: 14px; } .sl_question_and_answer .sl_oas_ad { position: absolute; top: 8px; right: 0; } .sl_question_and_answer .sl_pointer_icon { background: url(/ocomtmp/images/modular_package/img-pointer-trans.png) no-repeat; position: absolute; width: 41px; height: 26px; top: -26px; left: 76px; } .sl_question_and_answer .has_bg .sl_pointer_icon { background: url(/ocomtmp/images/modular_package/img-pointer-small-trans.png) no-repeat; position: absolute; width: 28px; height: 24px; top: -23px; left: 68px; } .sl_question_and_answer .sl_content { position: relative; zoom: 1; _overflow-y: hidden; } .sl_question_and_answer .sl_hl_left { height: 49px; } .sl_question_and_answer .sl_question { padding-top: 17px; } .sl_question_and_answer .sl_answer { margin-top: 18px; } .sl_question_and_answer .sl_title, .sl_question_and_answer .sl_description { margin: 0 0 8px; padding: 0 8px; width: 210px; font: 13px georgia; } .sl_question_and_answer .has_bg .sl_title, .sl_question_and_answer .has_bg .sl_description { margin-top: 8px; width: 200px; } .sl_question_and_answer .sl_cta { padding: 14px 0 17px 53px; font: italic 13px georgia; } .sl_question_and_answer .has_bg .sl_cta { padding-bottom: 7px; } .sl_question_and_answer .sl_question_label { background: url(/ocomtmp/images/modular_package/img-q-898989.png) no-repeat; width: 31px; height: 40px; margin: 3px 0 0 9px; padding-right: 5px; } .sl_question_and_answer .sl_answer_label { background: url(/ocomtmp/images/modular_package/img-a-898989.png) no-repeat; width: 32px; height: 32px; margin: 3px 0 0 9px; padding-right: 4px; } .sl_question_and_answer .has_bg .sl_question_label { margin: 11px 0 0; } .sl_question_and_answer .has_bg .sl_answer_label { margin: 11px 0 0; } .sl_question_and_answer .sl_rounded_box { margin-left: 11px; position: relative; } .sl_question_and_answer .sl_content, .sl_question_and_answer .sl_ct, .sl_question_and_answer .sl_cb, .sl_question_and_answer .sl_cb div { background: url(/ocomtmp/images/modular_package/module-f9f3fb-bg-sprite.png) no-repeat top right; } .sl_question_and_answer .has_bg .sl_content, .sl_question_and_answer .has_bg .sl_ct, .sl_question_and_answer .has_bg .sl_cb, .sl_question_and_answer .has_bg .sl_cb div { background-image: url(/ocomtmp/images/modular_package/module-ffffff-bg-d2d2d2-border-sprite.png); } .sl_question_and_answer .sl_ct { position: absolute; left: 0; top: 0; height: 100%; background-position: top left; width: 11px; margin-left: -11px; } .sl_question_and_answer .sl_cb { position: relative; width: 100%; background-position: bottom right;} .sl_question_and_answer .sl_cb div { position: relative; width: 11px; background-position: bottom left; margin-left: -11px;} .sl_question_and_answer .sl_cb, .sl_question_and_answer .sl_cb div { height: 12px; font-size: 1px; } .sl_quiz { position: relative; } .sl_quiz .sl_pad { padding: 14px 14px 16px 26px; } .sl_quiz_label { background: url(/ocomtmp/images/modular_package/img-quizarrow-44862a-trans.png) no-repeat; width: 92px; height: 32px; position: absolute; top: 17px; left: 0; } .sl_quiz .sl_oas_ad { text-align: right; margin: -6px -14px 0 0;} .sl_quiz .sl_content { background-color: #A4DEEA; margin-left: 72px; width: 213px; } .sl_quiz .sl_bg { background: url(/ocomtmp/images/modular_package/img-checkboxesfade-trans.png) no-repeat; width: 52px; height: 76px; position: absolute; bottom: 5px; right: 11px; } .sl_quiz .sl_title { font: 20px georgia; padding-bottom: 6px; } .sl_quiz .sl_cta { font: italic 20px georgia; } .sl_quiz .sl_cta a { color: #307288; } .sl_quiz .sl_cta_arrows { background: url(/ocomtmp/images/modular_package/arrow-quiz-double-2d738d.png) no-repeat; width: 9px; height: 9px; margin: 8px 0 0 3px; } .sl_quiz .sl_corners { background: url(/ocomtmp/images/modular_package/sprite-quizmodule-corners.png) no-repeat; width: 5px; height: 5px; position: absolute; } .sl_quiz .sl_ctl { background-position: 0 0; left: 72px; } .sl_quiz .sl_ctr { background-position: 0 -6px; right: 15px; } .sl_quiz .sl_cbl { background-position: 0 -12px; left: 72px; } .sl_quiz .sl_cbr { background-position: 0 -18px; right: 15px; } .sl_list_with_promo { position: relative; } .sl_list_with_promo .has_bg { padding: 10px 6px; } .sl_list_with_promo .sl_oas_ad { position: absolute; line-height: 0; font-size: 0; top: 8px; right: 0;} .sl_list_with_promo .has_bg .sl_header .section_layout_header { padding: 27px 0 11px 7px; } .sl_list_with_promo .sl_image { margin-right: 10px; } .sl_list_with_promo .has_bg .sl_header_txt { width: 148px; } .sl_list_with_promo .has_bg .sl_content { border: 1px solid #b5b5b5; padding: 0 7px; margin-top: 4px; background-color: #fff; } .sl_list_with_promo .has_bg .sl_content.number { border: none; background-color: transparent; } .sl_list_with_promo .sl_row { padding: 9px 0; } .sl_list_with_promo .bullet .sl_row { border-bottom: 1px dotted #d1d1d1; } .sl_list_with_promo .bullet .sl_row.last_item { border-bottom: none; } .sl_list_with_promo .sl_index { margin-right: 9px; } .sl_list_with_promo .number .sl_index { font: 28px georgia; color: #474747; margin-top: -13px; } .sl_list_with_promo .sl_title { width: 260px; } .sl_list_with_promo .has_bg .sl_title { width: 245px; } .sl_blog ul { padding: 0; margin: 9px 0; list-style: none; list-style-image: none; } .sl_blog li { margin-bottom: 10px; padding-bottom: 7px; border-bottom: 1px dotted #d1d1d1; } .sl_blog .sl_title { font: 16px georgia; } .sl_blog .sl_cta { font: italic 13px georgia; margin-top: 13px; } .modular_package_wrapper .sl_plugger .section_layout_header { padding-bottom: 10px; } .sl_plugger .sl_image, .sl_plugger .sl_image img { width: 300px; } .sl_plugger .sl_description { margin: 8px 7px 11px; } .sl_plugger .sl_row { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #d1d1d1; } .sl_plugger .bullet .sl_index { margin: 7px 11px 0 10px; } .sl_plugger .sl_plug_text { width: 274px; } .sl_single_promo { position: relative; } .modular_package_wrapper .sl_single_promo .has_bg .section_layout_header { padding: 38px 8px 13px; } .sl_single_promo .sl_image, .sl_single_promo .sl_image img { width: 300px; height:205px; } .sl_single_promo .sl_oas_ad { position: absolute; top: 8px; right: 0; } .sl_single_promo .sl_content { padding: 11px 5px 23px; } .sl_single_promo .sl_cta { font: italic 13px georgia; margin-top: 13px; } .modular_package_wrapper .sl_list_with_image_and_cta .section_layout_header { padding-bottom: 6px; } .sl_list_with_image_and_cta .sl_row { padding: 2px 0; border-bottom: 1px dotted #d1d1d1; } .sl_list_with_image_and_cta .sl_pad { padding: 8px 5px; } .sl_list_with_image_and_cta .sl_image, .sl_list_with_image_and_cta .sl_image img { float: left; width: 50px; height: 50px; } .sl_list_with_image_and_cta .sl_content { float: left; margin-left: 10px; width: 225px; } .sl_list_with_image_and_cta .sl_title { font: 16px georgia; } .sl_list_with_image_and_cta .sl_cta { font: italic 13px georgia; margin-top: 13px; } .sl_quote { border: 6px solid #ebebeb; } .modular_package_wrapper .sl_quote .section_layout_header { padding: 22px 6px 12px; } .sl_quote .sl_pad { padding: 0 10px 27px; } .sl_quote .sl_quote_text { width: 230px; font: 28px/36px georgia; color: #5a5758; margin-left: 5px; } .sl_quote .sl_quote_end { margin-bottom: 8px; } .sl_quote .sl_quote_attribution { text-align: right; font: 16px georgia; margin-top: 15px; } .modular_package_wrapper .sl_small_promo_with_cta .section_layout_header { padding-bottom: 7px; margin-bottom: 16px; border-bottom: 1px dotted #d1d1d1; } .sl_small_promo_with_cta .sl_image, .sl_small_promo_with_cta .sl_image img { width: 130px; height: 89px; } .sl_small_promo_with_cta .sl_content { width: 160px; font: 13px georgia; } .sl_small_promo_with_cta .sl_left .sl_image, .sl_small_promo_with_cta .sl_left .sl_content { float: left; } .sl_small_promo_with_cta .sl_left .sl_content { margin-left: 10px; } .sl_small_promo_with_cta .sl_right .sl_image, .sl_small_promo_with_cta .sl_right .sl_content { float: right; } .sl_small_promo_with_cta .sl_right .sl_content { margin-right: 10px; } .sl_small_promo_with_cta .sl_cta { margin-top: 10px; } .modular_package_wrapper .sl_sponsored_question .section_layout_header { padding-bottom: 6px; } .modular_package_wrapper .sl_sponsored_question .has_bg .section_layout_header { padding: 33px 0 6px 7px; } .sl_sponsored_question .sl_question_label { background: url(/ocomtmp/images/modular_package/icon-question-44862a.png) no-repeat; width: 48px; height: 32px; } .sl_sponsored_question .sl_header { position: relative; } .sl_sponsored_question .sl_title { font: 20px georgia; width: 225px; margin: 3px 0 0 9px; } .sl_sponsored_question .sl_oas_ad { position: absolute; top: 8px; right: 0; line-height: 0; font-size: 0;} .sl_sponsored_question .sl_image, .sl_sponsored_question .sl_image img { width: 300px; font-size: 0; } .sl_sponsored_question .sl_content { padding: 13px 8px 18px; } .sl_sponsored_question .sl_assignment_title { font: 20px georgia; margin: 12px 0 16px; } .sl_sponsored_question .sl_assignment_cat { font: 11px georgia; } .sl_sponsored_question .sl_assignment_respond { background: transparent url(/ocomtmp/images/modular_package/btn-answersnowbeontv-trans.png) no-repeat; width: 267px; height: 31px; margin-top: 23px; cursor: pointer; } /* Modular Package Template */ .modular_package_wrapper { background-color: #fff; font-size: 13px; } .modular_package_wrapper #package_ad_header { margin-bottom: 20px; } .modular_package_wrapper .left_content_wrapper { float: left; width: 634px; } .modular_package_wrapper .right_content_wrapper { float: right; width: 300px; } .modular_package_wrapper .section_layout_header { font: 24px georgia; color: #464646; padding: 5px 0; } .modular_package_wrapper .secondary_content .section_layout_header { padding-bottom: 7px; } .modular_package_wrapper .tertiary_content { margin-top: 15px; padding-top: 15px; border-top: 2px dotted #adadad; } .modular_package_wrapper .tertiary_content .column_left, .modular_package_wrapper .tertiary_content .column_right { float: left; width: 300px; } .modular_package_wrapper .tertiary_content .column_left { margin-right: 20px; } .modular_package_wrapper .related_articles_content { margin-top: 40px; border-top: 2px dotted #adadad; } .modular_package_wrapper .related_article_item { margin-top: 40px; } /* OCOM (3/2011) */ /* Homepage General */ #ocom_twix_blog_landing_content_wrapper { background-color: #ffffff; font: 14px georgia; } #ocom_twix_blog_landing_content_wrapper .body_content_pad { padding: 18px 14px; } #ocom_twix_blog_landing_content_wrapper #top_login_greeting { width: 500px; } #ocom_twix_blog_landing_content_wrapper .rr_header { text-align: left; padding: 0 0 10px; font-size: 32px; } #ocom_twix_blog_landing_content_wrapper .left_content_wrapper { width: 269px; margin-right: 15px; overflow: hidden; float: left; } #ocom_twix_blog_landing_content_wrapper .center_content_wrapper { width: 344px; margin-right: 15px; overflow: hidden; float: left; } #ocom_twix_blog_landing_content_wrapper .right_content_wrapper { width: 315px; overflow: hidden; float: right; } .promo_category_name { font: 11px/14px AntennaCond; text-transform: uppercase; } .ocom_pagination { text-align: right; } #facebook_login_btn { background:url(/ocomtmp/images/ownyourlife/btn-fbconnect-noshdw-trans.png) no-repeat; width: 198px; height: 29px; cursor: pointer; } /* Homepage Twix Module */ #twix_blog_header { float: left; padding-left: 17px; } #twix_blog_header .rr_header { font-size: 38px; } #twix_promo_wrapper { width: 988px; height: 319px; overflow: hidden; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; } .twix_promo_item { position: relative; height: 319px; float: left; overflow: hidden; } .twix_promo_desc_container { position: absolute; height: 98px; top: 221px; left: 0;background-color: #846088; opacity:0.75; filter: alpha(opacity=75); } .twix_promo_desc_pad { padding: 7px 10px 10px; } .twix_promo_title{ font: 16px/16px Georgia; margin-bottom: 6px; } .twix_promo_link{ font: italic 16px Georgia;} .twix_promo_image, .twix_promo_item img { height: 319px; } .twix_promo_1_template .twix_promo_item, .twix_promo_1_template .twix_promo_item img, .twix_promo_1_template .twix_promo_desc_container { width: 988px; } .twix_promo_2_template .twix_promo_item, .twix_promo_2_template .twix_promo_item img, .twix_promo_2_template .twix_promo_desc_container { width: 494px; } .twix_promo_3_template .twix_promo_item { width: 329px; } .twix_promo_3_template .twix_promo_item img, .twix_promo_3_template .twix_promo_desc_container { width: 330px; } .twix_promo_3_template .last_item { width: 330px; } .twix_promo_4_template .twix_promo_item, .twix_promo_4_template .twix_promo_item img, .twix_promo_4_template .twix_promo_desc_container { width: 247px; } .twix_promo_5_template .twix_promo_item, .twix_promo_5_template .twix_promo_item img, .twix_promo_5_template .twix_promo_desc_container { width: 150px; } .twix_promo_5_template .center_item, .twix_promo_5_template .center_item img, .twix_promo_5_template .center_item .twix_promo_desc_container { width: 388px; } .twix_promo_5_template .center_item .twix_promo_desc_container { height: 127px; top: 192px; } .twix_promo_5_template .center_item .twix_promo_title { font-size: 18px; line-height: 19px; } /* Homepage Comments List */ #featured_comments_wrapper ul, #featured_comments_wrapper li { margin: 0; padding: 0; list-style: none; list-style-type: none; } #featured_comments_wrapper li { position: relative; margin: 0 0 15px; } #featured_comments_wrapper .comments_box_arrow_icon { width: 9px; height: 17px; background: url(/ocomtmp/images/homepage/20110310/comments_box_arrow.png); position: absolute; top: 22px; left: 67px; } #featured_comments_wrapper .comment_icon { float: left; width: 61px; height: 61px; overflow: hidden; } #featured_comments_wrapper .comment_icon img { width: 61px; } #featured_comments_wrapper .comment_desc_wrapper { float: right; width: 193px; background-color: #F1E9F6; } #featured_comments_wrapper .comment_desc_pad { padding: 13px 13px 27px; } #featured_comments_wrapper .comment_title { font-weight: bold; font-style: italic; margin-bottom: 5px; } #featured_comments_wrapper .comment_username { font-weight: bold; font-style: italic; } /* Homepage Blogs List */ #featured_headlines_wrapper ul, #featured_headlines_wrapper li { margin: 0; padding: 0; list-style: none; list-style-type: none; } #featured_headlines_wrapper li { margin: 0 0 5px; padding: 0 0 6px; border-bottom: 1px solid #dedede; } #featured_headlines_wrapper .last_item {border-bottom: none; } #featured_headlines_wrapper .headlines_view_all { text-align: right; font-weight: bold; font-style: italic; border-bottom: 1px solid #dedede; padding-bottom: 6px; } /* Homepage Promo List */ .hp_plist_item { width: 344px; overflow: hidden; font-family: Georgia; padding-bottom: 7px; margin-bottom: 6px; border-bottom: 1px solid #DEDEDE; } .hp_plist_section { font: 11px/11px AntennaCond; text-transform: uppercase; } .hp_plist_image, .hp_plist_image img { width: 344px; height: 172px; overflow: hidden; } .hp_plist_title { font-size: 21px; line-height: 21px; margin-top: 8px; } .hp_plist_date { font-size: 12px; margin-top: 3px;} .hp_plist_comments { width: 344px; text-align: right; font-size: 12px; } /* Homepage 30 Days */ #ocom_twix_landing_content_wrapper { width: 988px; overflow: hidden; } .homepage_30_days a, .homepage_30_days a span, .homepage_30_days #promo_content_wrapper ul li, .homepage_30_days .right_rail_module .rr_header, .homepage_30_days .right_rail_module li { color: #d29107 !important; } .homepage_30_days #comments_container a { color: #846088 !important; } .homepage_30_days #comments_container .millerheadlinesemibolditalic { color: #d29107 !important; } .homepage_30_days #add_comment_button { background: url(/ocomtmp/images/own/121510/OWN_Btn_PostComment_7f60ba_Trans_121410.png) no-repeat; cursor: pointer; width: 220px; height: 40px; } .homepage_30_days #ocom_footer { width: 988px; overflow: hidden; } .homepage_30_days #ocom_footer .footer_header { background: url(/ocomtmp/images/homepage/homepage_30_days/OCOM_Homepage_countdown_v3b_CUT_50.png) no-repeat !important; width: 949px !important; height: 36px !important; } .homepage_30_days .twix_feed .tab_content { padding-top: 31px !important;} .homepage_30_days .twix_tab_tows .tab_button_bg { float: left; width: 149px; height: 57px; border-right: 1px solid #dedede; background:url(http://static.oprah.com/css/own/images/ownnetwork/rr/twix-theoprahshow-052311.png) no-repeat -1px -1px; position: relative; } .homepage_30_days .hp_30_days .twix_tab_tows .tab_button_bg { float: left; width: 149px; height: 57px; border-right: 1px solid #dedede; background:url(/ocomtmp/images/homepage/homepage_30_days/twix-finalshows-inactive.png) no-repeat -1px -1px; position: relative; } .homepage_30_days .twix_tab_tows .tab_arrow { background:url(/ocomtmp/images/homepage/homepage_30_days/twix-arrow-finalshows-active.png) no-repeat; } .homepage_30_days .tab_button { border-bottom: 1px solid #aaa; } .homepage_30_days .twix_tab_own .tab_button_bg { float: left; width: 149px; height: 57px; cursor: pointer; background:url(/ocomtmp/images/homepage/homepage_30_days/twix-owntonight-inactive.png) no-repeat 1px -1px; position: relative; } .homepage_30_days .twix_tab_own .tab_arrow { background:url(/ocomtmp/images/homepage/homepage_30_days/twix-arrow-owntonight-active.png) no-repeat; } /* .tows .homepage_30_days a { color: #846088 !important; } .tows .homepage_30_days .day_on { background-color: #341d03; } .tows .homepage_30_days .day_off { background-color: #d29107; } .tows .homepage_30_days .arrow { background-image: url(/ocomtmp/images/homepage/homepage_30_days/twix-pointer-down.png) !important; width: 15px !important; height: 8px !important; left: 22px; } */ .homepage_30_days .newsletter_subscription a.rr_button { color: #fff !important; } /* Homepage Lifeclass Promo Landing */ .homepage_lifeclass .pkg_live .live_now_text, .homepage_lifeclass .pkg_live .live_now_text a { color: #ff0000; font-style: italic; font-size: 20px; } .homepage_lifeclass .pkg_live .section_text { font: 16px georgia; margin: 4px 0 3px; } .homepage_lifeclass .modules_left_col .sec_pad { padding: 0 17px 0 14px; } .homepage_lifeclass .modules_right_col .sec_pad { padding: 0 8px; } .homepage_lifeclass .modules_left_col { width: 322px; padding-right: 9px; overflow: hidden; border-right: 1px solid #999; } .homepage_lifeclass .modules_left_col .bg_gradient { background:url(http://static.oprah.com/images/homepage/pixelstrip-gradient-lifeclassback-hp-v1.png) repeat-x; width: 322px; } .homepage_lifeclass .modules_right_col { width: 294px; padding: 0 9px; overflow: hidden; } .homepage_lifeclass .modules_right_col .bg_gradient { background:url(http://static.oprah.com/images/homepage/pixelstrip-gradient-rosieback-v1.png) repeat-x; width: 294px; } .homepage_lifeclass .sec_module { margin-top: 7px; } .homepage_lifeclass .sec_module.sec_top { margin-top: 0; } .homepage_lifeclass .modules_left_col .section_large_top_image .sec_image { width: 291px; } .homepage_lifeclass .modules_right_col .section_large_top_image .sec_image { width: 278px; } .lifeclass_sweeps { margin-top: 13px; } .lifeclass_sweeps .lc_image { width: 249px; height: 104px; float: left; background:url(http://static.oprah.com/css/own/images/lifeclass/img-checkin-1.png) no-repeat; } .lifeclass_sweeps .lc_content { float: left; font: 18px georgia; width: 678px; height: 102px; border: 1px solid #C2972F; background-color: #f4ebd5; padding-left: 25px; position: relative; overflow: hidden; } .lifeclass_sweeps .lc_title { font-size: 28px; margin-top: 10px; color: #000; } .lifeclass_sweeps .lc_title span { font-style: italic; } .lifeclass_sweeps .lc_description { font-size: 15px; margin-top: 1px; color: #484747; } .lifeclass_sweeps .lc_disclaimer { font: 9px/10px arial; margin-top: 12px; width: 468px; color: #484747; } .lifeclass_sweeps .lc_sweeps_btn { position: absolute; cursor: pointer; left: 531px; top: 20px; background:url(http://static.oprah.com/css/own/images/lifeclass/btn-checkinenter-1.png) no-repeat; width: 150px; height: 66px; } .lifeclass_sweeps a { color: #aa8409 !important; } .lifeclass_sweeps.ca-only { text-align: center; padding: 3px 0 17px; } .lifeclass_sweeps.ca-only .lc_text { font: 24px georgia; } .lifeclass_sweeps.ca-only .lc_text a { text-decoration: underline; } .homepage_lifeclass .lifeclass_sweeps { margin: 15px 0 7px; } .homepage_lifeclass .lifeclass_sweeps .lc_image { width: 298px; height: 90px; border: 1px solid #C2972E; border-bottom: none; background:url(http://static.oprah.com/css/own/images/lifeclass/img-checkin-3.png) no-repeat; } .homepage_lifeclass .lifeclass_sweeps .lc_image img { width: 298px; height: 90px; } .homepage_lifeclass .lifeclass_sweeps .lc_content { width: 298px; height: 178px; border-top: none; padding-left: 0; } .homepage_lifeclass .lifeclass_sweeps .lc_title { font-size: 18px; line-height: 20px; margin: 10px 0 0 44px; } .homepage_lifeclass .lifeclass_sweeps .lc_title span { display: block; font-size: 24px; margin-left: 12px; } .homepage_lifeclass .lifeclass_sweeps .lc_description { line-height: 19px; margin: 10px 0 0 18px; color: #484747; } .homepage_lifeclass .lifeclass_sweeps .lc_disclaimer { font-size: 8px; margin: 52px 0 0 9px; width: 285px; color: #484747; } .homepage_lifeclass .lifeclass_sweeps .lc_sweeps_btn { top: 105px; left: 60px; background:url(http://static.oprah.com/css/own/images/lifeclass/btn-checkinenter-3.png) no-repeat; width: 186px; height: 37px; } .homepage_lifeclass .lifeclass_sweeps.ca-only { border-top: 1px solid #c2972f; border-bottom: 1px solid #c2972f; padding: 5px 0 12px; } .homepage_lifeclass .lifeclass_sweeps.ca-only .lc_text { font-size: 18px; width: 252px; margin-left: 16px; } .homepage_lifeclass .lifeclass_sweeps.ca-only .lc_text span { display: block; font-size: 22px; } #ocom_twix_landing_content_wrapper .modules_left_col a { color: #0076c1; } #ocom_twix_landing_content_wrapper .modules_right_col a { color: #986dac; } #ocom_twix_landing_content_wrapper .modules_left_col .rr_header { color: #479d8b; } #ocom_twix_landing_content_wrapper .modules_right_col .rr_header { color: #E041C0; } .section_live_webcast .sec_title { font: italic 28px/34px MillerHeadline; color: #479d8b; } .section_live_webcast .sec_description { font: 12px georgia; color: #595959; margin-bottom: 16px; } /* Check-In List Module */ #class_session { position: relative; font: 14px georgia; width: 286px;} #class_session ul { margin: 0; padding: 0; } #class_session li { margin: 5px 0; padding: 0; list-style: none; list-style-image: none; } #class_session .item_image { float: left; width: 38px; height: 38px; overflow: hidden; } #class_session .item_content { float: left; height: 36px; background-color: #FFEDB5; width: 224px; padding: 2px 12px 0; } #class_session .item_name { margin-top: 8px; } #class_session .checkin_btn { background:url(http://static.oprah.com/css/own/images/lifeclass/btn-classcheckin-v1.png) no-repeat; width: 135px; height: 38px; position: absolute; top: 43px; left: 160px; } #class_session .show_section_header { margin-top: 2px; padding: 16px 0 12px; } #class_session .new_class { font-size: 28px; margin: 16px -10px 18px 0; } .checkin_container .checkin_count { float: left; margin-right: 10px; margin-top: 8px; font: 15px georgia; } .checkin_container .checkin_count span { font-size: 22px; } .checkin_container .checkin_btn { float: left; cursor: pointer; } .checkin_container.checked_in .checkin_count { margin-right: 0; } /* Homepage (Sections) */ .section_large_top_image .sec_image { margin-top: 6px; width: 294px; overflow: hidden; text-align: center; font-size: 0;} .section_large_top_image .sec_title { margin-top: 5px; font: 16px georgia; } .section_large_top_image .sec_description { font-size: 14px; line-height: 18px; } .section_large_top_image .sec_jump { font: 14px georgia; } .section_numbered_double_image_list { padding-bottom: 30px; } .section_numbered_double_image_list .sec_count { width: 50px; text-align: center; } .section_numbered_double_image_list .sec_image { width: 90px; height: 69px; overflow: hidden; font-size: 0;} .section_numbered_double_image_list .sec_image.sec_left { padding-right: 6px; } .section_numbered_double_image_list .sec_image.sec_right { padding-left: 6px; } .section_numbered_double_image_list .sec_image img { width: 90px; height: 69px; } .section_numbered_double_image_list .sec_title { width: 140px; font: 18px georgia; } .section_small_left_image_with_list .sec_title { font: italic 25px/1.2 MillerHeadline; } .section_small_left_image_with_list .sec_image { float: left; font-size: 0; width: 130px; height: 89px; overflow: hidden; } .section_small_left_image_with_list .sec_image img { width: 130px; } .section_small_left_image_with_list div.sec_description { float: left; margin-left: 11px; width: 145px; } .section_small_left_image_with_list ul { padding-left: 14px; } /* Daily Life Lift Blog Landing */ .ocom_blog_landing .sharebar_envelope_icon { background:url(/ocomtmp/images/blogs/icon-email-trans-062111.png) no-repeat; } .ocom_blog_landing .ocom_print_icon { background: url(/ocomtmp/images/blogs/icon-printer.png) no-repeat; } .ocom_blog_landing .comment_box_icon { background-color: #3a9ec3; color: #fff; position: relative; margin-right: 6px;} .ocom_blog_landing .comment_box_icon div { background: url(/ocomtmp/images/blogs/20110523/comment-box-pointer-trans.png) no-repeat; width: 5px; height: 3px; position: absolute; right: 6px; bottom: -3px; } .ocom_blog_landing .ocom_pagination .articlePaginationPrevious { background: url(/ocomtmp/images/blogs/20110523/pag-previous-inactive-808080.png) no-repeat; width: 16px; height: 16px; margin-right: 74px; color: #808080; } .ocom_blog_landing .ocom_pagination .articlePaginationPrevious:hover { background: url(/ocomtmp/images/blogs/20110523/pag-previous-active-3a9ec3.png) no-repeat; color: #3a9ec3; } .ocom_blog_landing .ocom_pagination .articlePaginationPrevious span { font: bold 12px arial; width: 79px; display: block; } .ocom_blog_landing .ocom_pagination .articlePaginationNext { background: url(/ocomtmp/images/blogs/20110523/pag-next-inactive-808080.png) no-repeat; width: 16px; height: 16px; margin-left: 41px; color: #808080; } .ocom_blog_landing .ocom_pagination .articlePaginationNext:hover { background-image: url(/ocomtmp/images/blogs/20110523/pag-next-active-3a9ec3.png); color: #3a9ec3 } .ocom_blog_landing .ocom_pagination .articlePaginationNext span { font: bold 12px arial; margin-left: -54px; display: block; } .ocom_blog_landing .ocom_pagination .articlePaginationCurrent { color: #808080; } .ocom_blog_landing .top_site_leaderboard { height: 100px; background-color: #ededed; padding-top: 9px;} .ocom_blog_landing .rule-blue-988 { background: url(/ocomtmp/images/blogs/20110523/rule-blue-988-trans.png) no-repeat; width: 988px; height: 6px; } .ocom_blog_landing .blog_divider { background: url(/ocomtmp/images/blogs/daily_life_lift_v20f_CUT_03_pixel.png) repeat-x; height: 15px; } .ocom_blog_wrapper { font: 13px arial; } .ocom_blog_wrapper a { color: #3a9ec3 !important; } .ocom_blog_wrapper a:link, .ocom_blog_wrapper a:visited, .ocom_blog_wrapper a:active { text-decoration: none !important; } .ocom_blog_wrapper a:hover { text-decoration: underline !important; } .ocom_blog_wrapper #ocom_content_wrapper { padding: 0; color: #5a5758; } .ocom_blog_wrapper #ocom_content_wrapper .left_content_wrapper { float: left; width: 620px; padding: 0 24px 20px; } .ocom_blog_wrapper #ocom_content_wrapper .right_content_wrapper { float: left; width: 300px; padding: 0 10px; background-color: #ededed; } .ocom_blog_wrapper #ocom_content_wrapper .right_content_wrapper .spacer { border-top: 2px dotted #a9a9a9; margin-top: 16px; } .ocom_blog_wrapper #ocom_comments_container { width: 620px; } .ocom_blog_wrapper #ocom_comments_container #container { border: none; } .ocom_blog_wrapper .ocom_comments { border-top: none; margin-top: 4px; } .ocom_blog_wrapper .check_icon { background-image: url(/ocomtmp/images/blogs/checkbox-check-trans.png) } .ocom_blog_wrapper .ocom_comments .comment_arrow_up { background-image: url(/ocomtmp/images/blogs/arrow-collapse-trans.png) } .ocom_blog_wrapper .ocom_comments .comment_arrow_down { background-image: url(/ocomtmp/images/blogs/arrow-expand-trans.png) } .ocom_blog_wrapper .ocom_comments .comment_post_button { background: url(/ocomtmp/images/blogs/btn-post-trans.png) no-repeat; width: 82px; height: 35px; } .ocom_blog_wrapper #comments_tab { margin: 4px 0 3px; } .ocom_blog_wrapper #comments_tab .header_title { font: italic 33px MillerHeadline; color: #f4795c; margin-right: 5px; } .ocom_blog_wrapper #comments_tab .header_count, .ocom_blog_wrapper #comments_tab .header_count .comment_count { font: 24px MillerHeadline; color: #000; cursor: default; } .ocom_blog_wrapper #comment_section .comment_pad { padding: 13px 0 16px; } .ocom_blog_wrapper #comment_section .paginationCurrent { color: #808080; } .ocom_blog_wrapper #add_comment_button { background: url(/ocomtmp/images/blogs/20110523/btn-postacomment.png) no-repeat; } .ocom_blog_wrapper #add_comment_container #comment { width: 610px; } .ocom_blog_wrapper #comment_section #top_pagination { padding: 4px 0 0 !important; } .ocom_blog_wrapper #comment_section .paginationCell a:hover { border: 1px solid #845f88; } .ocom_blog_wrapper .comment_arrow_expand { background: url(/ocomtmp/images/blogs/20110523/arrow-expand-trans.png) no-repeat; } .ocom_blog_wrapper .comment_arrow_contract { background: url(/ocomtmp/images/blogs/20110523/arrow-collapse-trans.png) no-repeat; } .ocom_blog_wrapper #notify_img.selected { background: url(/ocomtmp/images/blogs/20110523/checkbox-boxandcheck-trans.png) no-repeat; } .ocom_blog_wrapper .blog_body { font: 14px/18px arial; } .ocom_blog_wrapper .byline_comment a { color: #4895b6 !important; } #blog_branding_header { font-size: 0; position: relative; } #blog_branding_header .oas_ad { position: absolute; top: 10px; right: 10px; } #blog_top_promos, #blog_branding_header { background-color: #fff; } #blog_top_promos { padding: 15px 0 15px 15px; overflow: hidden; } #blog_top_promos .item { float: left; width: 243px; } #blog_top_promos .thumb, #blog_top_promos .thumb img { float: left; width: 130px; height: 89px; font-size: 0;} #blog_top_promos .content { float: left; width: 97px; padding: 0 8px; font: 13px georgia; } #blog_top_promos .comment_count { color: #4895b6; font: 12px arial; cursor: pointer; } #ocom_blog_list .blog_list_title { margin: 27px 0 18px; } #ocom_blog_list .filter_title { font: italic 24px/24px MillerHeadline; color: #f4795c; margin-right: 4px; } #ocom_blog_list .filter_total { font: 16px/16px MillerHeadline; color: #5a5758; margin-right: 4px; } #ocom_blog_list .filter_link { font: 14px/14px Georgia; } #ocom_blog_list .blog_item { margin: 27px 0 25px; } #ocom_blog_list .blog_title { font: 28px/28px georgia; margin-bottom: 8px; } #ocom_blog_list .blog_byline { font: 11px/11px arial; margin-bottom: 14px; color: #808080; } #ocom_blog_list .blog_byline .comment_count { margin: 0; } #ocom_blog_list .blog_jump { text-align: right; font: 14px/14px arial; } #ocom_blog_list .blog_tags { margin-top: 20px; font: 12px/12px arial; } #ocom_blog_list .blog_share { margin-top: 21px; } #ocom_blog_list .blog_ad { margin: 29px 0 21px; } #ocom_blog_list .ocom_pagination { float: right; margin-top: 14px; } .blog_topics, .blog_archive_month, .blog_contributors { font: 14px Georgia; } .blog_topics a, .blog_archive_month a, .blog_contributors a { color: #3a9ec3; } .blog_archive_month ul, .blog_archive_month li { list-style: none; list-style-image: none; margin: 0; padding: 0;} .blog_archive_month .rr_title { margin: 0 0 1px 6px; } .blog_topics .rr_header, .blog_archive_month .rr_header, .blog_contributors .rr_header { font-size: 36px; line-height: 26px; color: #59a232; padding: 0 10px 19px; } .ocom_blog_post .blog_title { font: 28px/28px Georgia; margin: 27px 0 8px; } .ocom_blog_post .blog_byline { font: 11px/11px arial; } .ocom_blog_post .blog_byline .comment_count { margin-top: 0; } .ocom_blog_post .blog_share { margin: 9px 0 18px; padding: 10px 0 5px; border-top: 1px solid #E3E4DE; border-bottom: 1px solid #E3E4DE; } .ocom_blog_post .blog_tags { margin-top: 20px; font: 12px/12px arial; } .ocom_blog_post .blog_divider { margin-top: 20px; } .ocom_blog_post .blog_disclaimer { margin-top: 20px; font: 10px arial; color: #999; } .ocom_blog_post .blog_nav { margin-top: 16px; font: 17px/17px arial; color: #808080; text-align: right; } .section_small_image_left .sec_pad { margin-top: 15px; } .section_small_image_left .sec_image { float: left; margin-right: 13px; width: 130px; height: 89px; font-size: 0; } .section_small_image_left .sec_image img { width: 130px; height: 89px; } .section_small_image_left .sec_content { float: left; width: 137px; font: 16px georgia; } .section_numbered_list ul { padding-left: 14px !important; } .section_numbered_list li { padding-bottom: 3px !important; } .section_numbered_list .title { font: 16px georgia; } /* OCOM Registration */ .ocom_registration .registration_header .rr_header, .ocom_registration .registration_header { font: bold 19px MillerHeadline; text-transform: uppercase; color: #f47a5c; padding: 0; } .ocom_registration .left_content form { color: #979797; } .ocom_registration .left_content { float: left; width: 440px; } .ocom_registration .right_content { float: left; width: 440px; margin-left: 20px; } .ocom_registration .reg_input_label { font: bold 18px arial; color: #5a5758; } .ocom_registration .registration_text_1, .ocom_registration .registration_text_2, .ocom_registration .registration_text_3 { color: #5A5758; font: 14px/18px arial; } .ocom_registration .registration_text_1 { margin: 10px 0 30px; } .ocom_registration .registration_text_3 { margin-top: 3px; } .ocom_registration .registration_btns { margin: 17px 0; } .ocom_registration .btn_joinnow_ocom { margin-right: 23px; } .ocom_registration .styledElementsWrapper span.default { font: italic 18px arial; color: #d2d2d2; } .ocom_registration .styledElementsWrapper span.select { padding: 4px 24px 3px 8px; background: url("/ocomtmp/images/registration/dropdown-arrows.png") no-repeat right top #ffffff; border: 1px solid #ccc; overflow: hidden; z-index: 1; height: 22px; } .ocom_registration .styledElementsWrapper #state { width: 142px; height: 30px; } *+html .ocom_registration .styledElementsWrapper #state, *+html .ocom_registration .styledElementsWrapper #birth_month, *+html .ocom_registration .styledElementsWrapper #birth_dayofmonth, *+html .ocom_registration .styledElementsWrapper #birth_year { margin-top: 8px; } .ocom_registration #state_container span.select { width: 108px; } .ocom_registration .styledElementsWrapper #birth_month, .ocom_registration .styledElementsWrapper #birth_dayofmonth { width: 72px; height: 30px; } .ocom_registration .styledElementsWrapper #birth_year { width: 91px; height: 30px; } .ocom_registration #birth_month_container, .ocom_registration #birth_dayofmonth_container, .ocom_registration #birth_year_container { margin-right: 26px;} .ocom_registration #birth_month_container span.select, .ocom_registration #birth_dayofmonth_container span.select { width: 38px; } .ocom_registration #birth_year_container span.select { width: 57px; } /* OCOM Newsletters */ #ocom_newsletters { background-color: #fff; padding: 0 43px 29px 44px; font: 14px helvetica; color: #333; } #ocom_newsletters .news_hdr_content { margin: 28px 0 14px; border-bottom: 1px solid #d7d7d7; } #ocom_newsletters .news_hdr_content ul { margin: 0; padding: 0 0 15px 15px; } #ocom_newsletters .news_hdr_content li { margin: 8px 0; } #ocom_newsletters .news_hdr { font: 18px MillerHeadline; text-transform: uppercase; padding-bottom:8px; } #ocom_newsletters .news_txt { margin-bottom: 2px; } #ocom_newsletters .subscription_top_container .checkbox_container { margin: 12px 0 5px; } #ocom_newsletters .subscription_top_container .chk_title { width: 250px; } #ocom_newsletters .subscription_bottom_container .checkbox_container { margin: 17px 0 30px; } #ocom_newsletters .subscription_bottom_container .chk_title { width: 250px; } #ocom_newsletters .most_popular_container { background:url(/ocomtmp/images/registration/20110819/img-gradientheader-v1.png) no-repeat; width: 861px; height: 130px; padding: 20px 20px 19px; } #ocom_newsletters .news_img, #ocom_newsletters .news_img img { float: left; width: 190px; height: 130px; font-size: 0; } #ocom_newsletters .checkbox_container { margin: 10px 0; } #ocom_newsletters .most_popular_container { margin: 15px 0 33px; } #ocom_newsletters .most_popular_container .news_content { float: left; margin-left: 10px; } #ocom_newsletters .most_popular_container .news_desc { width: 400px; } #ocom_newsletters .most_popular_container .news_hdr { border-bottom: 2px dotted #adadad; line-height: 11px; padding-bottom: 16px; width: 426px; } #ocom_newsletters .most_popular_container .news_content .checkbox_container { margin: 10px 0 5px; } #ocom_newsletters .chk_title { width: 171px; margin-top: 5px; } #ocom_newsletters .news_container_col { float: left; } #ocom_newsletters .news_container_row .news_row { margin-bottom: 15px; } #ocom_newsletters .news_container_row .news_hdr { border-bottom: 2px dotted #adadad; margin-bottom: 15px; padding-bottom: 9px; } #ocom_newsletters .news_content .checkbox_container { margin: 4px 0 6px; } #ocom_newsletters .news_content .news_desc { font-size: 13px; margin-bottom: 6px; color: #7d7d7d; } #ocom_newsletters .news_content .news_stats { font-size: 11px; color: #b3b3b3; } #ocom_newsletters .news_content .chk_title { font-size: 13px; margin-top: 6px; } #ocom_newsletters .news_item { float: left; width: 190px; margin-right: 47px; } #ocom_newsletters .news_item.last { margin-right: 0; } #ocom_newsletters .news_item .news_img { float: none; } #ocom_newsletters .news_health, #ocom_newsletters .news_books, #ocom_newsletters .news_magazine, #ocom_newsletters .news_radio, #ocom_newsletters .news_offers { margin-right: 47px; } #ocom_newsletters .news_books, #ocom_newsletters .news_style { margin-top: 15px; margin-bottom: 18px; } #ocom_newsletters .news_submit { margin-bottom: 20px; } #ocom_newsletters #skip_btn { height: 28px; margin-right: 16px; width: 131px; text-align: center; } #ocom_newsletters #finish_btn { height: 28px; padding: 0; width: 131px; text-align: center; } /* OCOM Comments */ .ocom_comments { width: 600px; margin: 42px 0 0; padding: 9px 0 0; border-top: 2px dotted #abacae; } #ocom_twix_landing_content_wrapper .ocom_comments { width: 626px; } #ocom_twix_landing_content_wrapper #media_comments { width: 600px; } .ocom_comments .comments_header { font: italic 30px MillerHeadline; text-transform: lowercase; color: #d9795e; padding: 0;margin: 0; } .ocom_comments #comment_section .comments_header span { color: #000; font-size: 24px; font-style: normal; } .ocom_comments #add_comment_container { padding: 0; margin: 15px 0 0; } .ocom_comments #add_comment_container #comment { width: 594px; height: 59px; border: 1px solid #b0b0b0; font: 13px arial; color: #5A5758; } .ocom_comments #add_comment_container #comment.default_text { color: #d2d2d2; } .ocom_comments #add_comment_container .comment_main_wrapper { padding: 11px 0 0; } .ocom_comments #add_comment_container .notify_me_div { margin-top: 4px; } .ocom_comments #add_comment_container .notify_text { float: left; font: 16px arial; margin: 4px 0 0 9px; color: #000; } .ocom_comments .comment_post_button { background:url(/ocomtmp/images/common/own/btn-post-trans.png) no-repeat; width: 82px; height: 35px; cursor: pointer; margin-right: -5px; } .ocom_comments .checkbox_icon { float: left; } .ocom_comments .comments_pagination { margin: 20px 0 0; } .ocom_comments .comments_pagination { font: 12px arial; } .ocom_comments #all_comments { margin-top: 5px; font: 13px/16px arial; } .ocom_comments .comment_element { padding: 20px 0 21px; border-top: 1px solid #dbdbdb; } .ocom_comments .comment_avatar { float: left; width: 45px; height: 45px; margin: 0 17px 10px 0; overflow: hidden; border: 1px solid #d0cecf; } .ocom_comments .comment_content { float: left; width: 530px; padding: 0; line-height: 16px; } .ocom_comments .comment_username { font-size: 14px; line-height: 14px; font-weight: bold; } .ocom_comments .comment_posted { font-size: 11px; } .ocom_comments .comment_text { margin-top: 7px; } .ocom_comments .comment_link_wrapper { font-size: 11px; margin-top: 2px; } .ocom_comments .comment_reply { float: left; margin-right: 5px; } .ocom_comments .comment_delete { float: left; font-size: 11px; } .ocom_comments .comment_link_wrapper .comment_reply_display { float: right; } .ocom_comments .comment_replies_wrapper { margin-top: 21px; } .ocom_comments .comment_reply_element { border-top: 1px solid #dbdbdb; margin-top: 10px; padding: 10px 0; } .ocom_comments .comment_reply_element.last { padding-bottom: 0; } .ocom_comments .comment_reply_element .comment_avatar { width: 33px; height: 33px; margin-right: 10px; } .ocom_comments .comment_arrow_down, .ocom_comments .comment_arrow_up { width: 10px; height: 6px; background-repeat; no-repeat; margin: 5px 3px 0 0; cursor: pointer; } .ocom_comments .comment_arrow_down { background-image:url(/ocomtmp/images/info_pages/Arrow_Down_replies.png); } .ocom_comments .comment_arrow_up { background-image:url(/ocomtmp/images/common/ocom/Arrow_Up_replies.png); } /* Comment Landing */ .media_comment .ocom_comments .comments_header { display: none; } .media_comment .ocom_comments .comment_element { border-top: none; padding-top: 0; } /* Oprah Widget Marketing */ .owidget_marketing { font: 14px arial; color: #5a5758; } .owidget_marketing h1 { font: 32px georgia; color: #333; margin: 0 0 5px; } .owidget_marketing textarea { font: 11px arial; } .owidget_marketing #owidget_wrapper { margin: 10px 0; padding: 10px; border: 1px solid #adadad;} .owidget_marketing #owidget_preview { float: left; margin-right: 10px;} .owidget_marketing #owidget_embed { float: left; width: 266px; position: relative; } .owidget_marketing #owidget_embed .loading_animation { position: absolute; top: 100px; left: 80px; } .owidget_marketing #owidget_sites_list .item { float: left; width: 205px; } .owidget_marketing #owidget_sites_list .item.last, .owidget_marketing #owidget_sites_list .image, .owidget_marketing #owidget_sites_list .title { width: 190px; } .owidget_marketing #owidget_sites_list .image img { width: 190px; height: 130px; } .owidget_marketing #owidget_sites_list .ocom_pagination { width: 600px; } /* OWN Your Life (the oprah class) */ #oyl_container { font: 14px georgia; color: #333; position: relative; width: 1024px; padding-top: 17px; margin: 19px 0 50px 0; } #oyl_container .oyl_header_text { font-size: 20px; line-height: 26px; margin-top: 32px; font-style: italic; } #oyl_container .oyl_header_text ul { font-size: 16px; font-style: normal; color: #333; list-style-image: url(/ocomtmp/images/ownyourlife/bullet-000000-trans.png); margin:11px 0 0 24px; padding:0; color: #ff0066; } #oyl_container .oyl_header_text li { line-height: 26px; } #oyl_container .oyl_pink { color: #ff0066; } #oyl_container .oyl_pink2 { color: #ff1f79; } #oyl_container .own_logo { background:url(/ocomtmp/images/ownyourlife/img-own-logo.png) no-repeat; width: 133px; height: 57px; position: absolute; top: 8px; right: 11px; } #oyl_container .oyl_logo { background:url(/ocomtmp/images/ownyourlife/logo-oprahslifeclass-grey.png) no-repeat; width: 282px; height: 156px; margin: 26px 0 0; } #oyl_container.oyl_main .oyl_logo { display: none; } #oyl_container .right_arc_img { background:url(/ocomtmp/images/ownyourlife/smallrightsidedots-trans.png) no-repeat; width: 233px; height: 356px; position: absolute; top: 96px; left: 633px; } #oyl_container .right_arc_img2 { background:url(/ocomtmp/images/ownyourlife/image-arc-trans.png) no-repeat; width: 222px; height: 418px; position: absolute; z-index: 5; } #oyl_container .left_arc_img { background:url(/ocomtmp/images/ownyourlife/img-dottedarc-leftside-trans.png) no-repeat; width: 97px; height: 207px; position: absolute; top: 340px; left: 191px; } #oyl_container .oyl_divider_grn_dots { background:url(/ocomtmp/images/ownyourlife/rule-dotted-546pix.png) no-repeat; width: 546px; height: 3px; } #oyl_container .oyl_divider_grn_dots2 { background:url(/ocomtmp/images/ownyourlife/rule-dotted-610.png) no-repeat; width: 610px; height: 3px; } #oyl_container #oyl_ticker { font: 68px georgia; margin-top: 12px; color: #3399ff; } #oyl_container #oyl_ticker .last { color: #FF006C; } #oyl_container .oyl_ticker_text { font-size: 12px; text-transform: uppercase; margin: 4px 0 0 5px; } #oyl_container .oyl_body_text { font: 16px/21px georgia; margin: 6px 0 0; color: #707070; } #oyl_container .oyl_reserve_text { font-size: 20px; color: #ff3366; font-style: italic;} #oyl_container .oyl_reserve_text.error { margin: 12px 0 3px; } #oyl_container .oyl_journal_text { font-size: 16px; font-style: italic; color: #ff3366; margin: 12px 0 36px; } #oyl_container .login .oyl_journal_text { margin-bottom: 10px; } #oyl_container .oyl_promo_text { font-size: 14px; line-height: 22px; margin-top: 19px; color: #ff0066; } #oyl_container.oyl_main.jrnl_expired .oyl_oprah_img { background:url(/ocomtmp/images/ownyourlife/img-oprah.png) no-repeat; width: 441px; height: 635px; position: absolute; top: 86px; left: 0; z-index: -1; } #oyl_container .oyl_oprah_img { background:url(/ocomtmp/images/ownyourlife/img-book-ffffff-083111.jpg) no-repeat; width: 441px; height: 531px; position: absolute; top: 38px; left: 0; z-index: -1; } #oyl_container.video_template .oyl_oprah_img { background:url(/ocomtmp/images/ownyourlife/img-oprah-v1.jpg) no-repeat; width: 355px; height: 561px; position: absolute; top: 38px; left: 83px; z-index: -1; } #oyl_container .oyl_journal_img { background:url(/ocomtmp/images/ownyourlife/img-oprah-book-v1.png) no-repeat; width: 355px; height: 350px; position: absolute; top: 380px; left: 38px; z-index: -1; } #oyl_container .oyl_gradient { background:url(/ocomtmp/images/ownyourlife/gradient-belowoprah.png) no-repeat; width: 685px; height: 55px; position: absolute; top: 655px; left: 5px; z-index: -1; } #oyl_container .oyl_footer { margin-top: 28px; font: 13px/18px georgia; color: #333; } #oyl_container .oyl_footer a { color: #4e596c; } #oyl_container .default_text { position: absolute; top: 11px; left: 148px; font: italic 18px georgia; color: #333; } #oyl_container #oyl_error { font: 12px/16px arial; color: #ff0000; margin-bottom: 4px; } #oyl_container #email_container { position: relative; } #oyl_container input#email { background: transparent; width: 210px; height: 25px; border: none; padding: 7px 10px 3px; font: 18px georgia;color: #333; position: absolute; top: 0; left: 0;} #oyl_container .frm_field { background:url(/ocomtmp/images/ownyourlife/form-emailbox-trans.png) no-repeat; width: 230px; height: 35px; border: none; } #oyl_container .frm_field.error { background:url(/ocomtmp/images/ownyourlife/input-box-error-230pix.png) no-repeat; } #oyl_container #submit_img { background:url(/ocomtmp/images/ownyourlife/btn-signup-red-trans.png) no-repeat; width: 93px; height: 93px; cursor: pointer; margin: 21px 0 0 59px; } #oyl_container #submit_img.error { margin-top: 5px; } #oyl_container.oyl_main #oyl_main_form { width: 659px; } #oyl_container.oyl_main .oyl_journal_arc { background:url(/ocomtmp/images/ownyourlife/img-horiz-arc-trans.png) no-repeat; width: 124px; height: 69px; top: 464px; left: 261px; z-index: 1; position: absolute; } #oyl_container.oyl_main .oyl_box { margin-left: 33px; } #oyl_container.oyl_main .oyl_box_top, #oyl_container.oyl_main .oyl_box_bottom div { margin-left: -33px; width: 33px; } #oyl_container.oyl_main .oyl_form_content { padding: 33px 0 34px; } #oyl_container.oyl_main .login .oyl_form_content { padding-bottom: 2px; } #oyl_container.oyl_main .oyl_logo { background:url(/ocomtmp/images/ownyourlife/img-logo-lifeclass-trans.png) no-repeat; width: 224px; height: 117px; margin: 26px 0 0; } #oyl_container.oyl_main .oyl_content { margin: 0 0 50px 422px; } #oyl_container.oyl_main.jrnl_expired .oyl_header_text { background:url(/ocomtmp/images/ownyourlife/text-header.png) no-repeat; width: 376px; height: 73px; margin: 162px 0 9px 22px; } #oyl_container.oyl_main .oyl_header_text { background:url(/ocomtmp/images/ownyourlife/text-hurry-trans-083111.gif) no-repeat; width: 549px; height: 74px; margin: 164px 0 21px 14px; } #oyl_container.oyl_main #logged_out { margin: 0 0 0 25px; } #oyl_container.oyl_main .col_or { background:url(/ocomtmp/images/ownyourlife/OWN-YOL-Campaign-LandingPage-Version7_20.png) no-repeat; width: 24px; height: 165px; margin-left: 24px; } #oyl_container.oyl_main .col_fb { margin-left: 24px; } #oyl_container.oyl_main .label { font-size: 14px; color: #000; padding: 3px 0 15px; } #oyl_container.oyl_main .oyl_footer { margin: 9px 0 0; line-height: 21px; } #oyl_container.oyl_main .oyl_footer_text { font-size: 14px; color: #000; padding: 0 0 15px 8px; width: 558px; } #oyl_container.oyl_main .oyl_disclaimer_text { font-size: 12px; text-align: center; padding: 34px 0 15px; } #oyl_container.oyl_main #logged_in { padding: 2px 0 0; margin-top: 24px; } #oyl_container.oyl_main #logged_in .label { font-size: 18px; } #oyl_container.oyl_main #logged_in #submit_img { margin: 0 0 0 25px; } #oyl_container.oyl_main #logged_out { margin-top: 24px; } #oyl_container.oyl_main.video_template { padding-top: 0; } #oyl_container.oyl_main.video_template .own_logo { top: 4px; right: 37px; } #oyl_container.oyl_main.video_template .oyl_oprah_img { top: 34px; left: 94px; } #oyl_container.oyl_main.video_template .oyl_journal_img { top: 530px; left: 82px; } #oyl_container.oyl_main.video_template #oyl_video_promo { margin: 0 0 0 395px; } #oyl_container.oyl_main.video_template .oyl_video_header_text { background:url(/ocomtmp/images/ownyourlife/header-beapartofoprahs-v1.png) no-repeat; width: 510px; height: 52px; margin: 13px 0 15px 44px; } #oyl_container.oyl_main.video_template .oyl_video_text { background:url(/ocomtmp/images/ownyourlife/header-specialmessagefromoprah-v1.png) no-repeat; width: 170px; height: 82px; margin: 40px 4px 0 17px; } #oyl_container.oyl_main.video_template .oyl_header_text { background:url(/ocomtmp/images/ownyourlife/header-signupforoprahs-v1.png) no-repeat; width: 510px; height: 59px; margin: 0 0 5px 46px; } #oyl_container.oyl_main.video_template .oyl_journal_arc { background:url(/ocomtmp/images/ownyourlife/img-horiz-arc2-v1.png) no-repeat; width: 128px; height: 71px; top: 665px; left: 300px; z-index: 1; position: absolute; } #oyl_container.oyl_main.video_template .oyl_content { margin-left: 395px; } #oyl_container.oyl_main .oyl_body_text { font: 14px/18px georgia; margin: 3px 0 0; } #oyl_container.oyl_main .oyl_journal_text { margin: 14px 0 0 2px; } #oyl_container.oyl_main #logged_out { margin-left: 15px; } #oyl_container.oyl_main #oyl_main_form { width: 600px; } #oyl_container.oyl_main .oyl_form_content { padding-bottom: 15px; } #oyl_container.oyl_main .label { padding-bottom: 6px; } #oyl_container.oyl_main .col_or { margin: 2px 0 0 22px; } #oyl_container.oyl_main #facebook_login_btn { margin-top: 3px; } #oyl_container.oyl_main input#email { width: 198px; } #oyl_container.oyl_main .frm_field { background:url(/ocomtmp/images/ownyourlife/form-emailbox-video-trans.png) no-repeat; width: 218px; } #oyl_container.oyl_main .frm_field.error { background:url(/ocomtmp/images/ownyourlife/input-box-error-218pix.png) no-repeat; width: 218px; } #oyl_container.oyl_main #submit_img { margin-left: 62px; } #oyl_container.oyl_main .oyl_footer { margin-top: 1px; } #oyl_container.oyl_main.video_template .oyl_footer_text { padding: 2px 0 15px 18px; margin-bottom: 19px; } #oyl_container.oyl_main.video_template .oyl_disclaimer_text { padding-top: 27px; } #oyl_share_container .right_arc_img2 { top: 148px; left: 692px; z-index: -1;} #oyl_share_container .oyl_ticker_title { font-size: 20px; font-style: italic; margin-top: 81px; } #oyl_share_container .oyl_share_text { font-size: 15px; color: #000; margin: 65px 0 11px; line-height: 20px; } #oyl_share_container.oyl_thankyou .oyl_share_text { margin: 82px 0 0; height: 50px; } #oyl_share_container .oyl_divider { background:url(/ocomtmp/images/ownyourlife/rule-dotted-350.png) no-repeat; width: 350px; height: 2px; } #oyl_share_container.oyl_thankyou .oyl_share { padding-top: 53px; } #oyl_share_container .oyl_visit_text { margin-top: 42px; } #oyl_share_container .oyl_visit_text a { font: 20px georgia; color: #3399ff; text-decoration: underline; } #oyl_share_container #oyl_subscribe_btn { background:url(/ocomtmp/images/ownyourlife/btn-subscribetonewsletter.png) no-repeat; width: 292px; height: 28px; margin-top: 43px; cursor: pointer; } #oyl_share_container .sharebar_envelope_icon { background:url(/ocomtmp/images/ownyourlife/btn-email.png) no-repeat; width: 56px; height: 21px; margin: -1px 0 0 -1px; } #oyl_share_container .oyl_ticker_text { margin: 4px 0 0; } #oyl_share_container .oyl_share { font: italic 14px/18px georgia; padding: 69px 0 49px; } #oyl_share_container .oyl_share table { width: 560px; margin-left: 24px; text-align: center } #oyl_share_container .oyl_share .label { margin-bottom: 5px; } #oyl_share_container .oyl_share .oyl_embed { margin: 9px 0 0; } #oyl_share_container .oyl_updates_text { font-size: 14px; color: #333; margin-top: 17px; } #oyl_share_container #facebook_share_link { background:url(/ocomtmp/images/ownyourlife/btn-fb.png) no-repeat; width: 176px; height: 44px; cursor: pointer; } #oyl_share_container #twitter_share_link { background:url(/ocomtmp/images/ownyourlife/btn-twitter.png) no-repeat; width: 176px; height: 44px; cursor: pointer; } #oyl_share_container #email_share_link { background:url(/ocomtmp/images/ownyourlife/btn-email.png) no-repeat; width: 175px; height: 43px; cursor: pointer; } #oyl_share_container #oyl_options_text { line-height: 20px; font-size: 16px; margin-top: 21px; } #oyl_share_container #oyl_login_reg { line-height: 20px; font-size: 16px; } #oyl_share_container #oyl_login_reg_links { margin: 30px 0; font-style: italic; } #oyl_share_container #oyl_login_reg_links a { color: #0099ff; text-decoration: underline; } #oyl_share_container #oyl_login_reg_links table { width: 545px; } #oyl_share_container #oyl_login_reg_links table td { padding: 20px 0; } #oyl_share_container #oyl_next_sweeps { line-height: 20px; font-size: 16px; margin: 21px 0 30px;} #oyl_share_container #oyl_enter_btn {background:url(/ocomtmp/images/ownyourlife/btn-enter.png) no-repeat; width: 100px; height: 91px; cursor: pointer; } #oyl_sweeps_container .oyl_body { height: auto; margin-top: 14px; } #oyl_sweeps_container .right_arc_img_top { background:url(/ocomtmp/images/ownyourlife/image-arc-trans-top.png) no-repeat; width: 111px; height: 33px; top: 144px; left: 692px; z-index: 5; position: absolute; } #oyl_sweeps_container .right_arc_img_bottom { background:url(/ocomtmp/images/ownyourlife/image-arc-trans-bottom.png) no-repeat; width: 112px; height: 387px; top: 175px; left: 802px; z-index: 5; position: absolute; } #oyl_form #error_div { color: #ff0000; font-size: 13px; line-height: 22px; margin: 20px 0; font-family: arial; } .oyl_form_header_container { margin-bottom: 9px; } .oyl_form_header_container .oyl_title { float: left; font-size: 20px; color: #ff1f79; font-style: italic; } .oyl_form_header_container .oyl_link { float: right; font-size: 12px; color: #333; font-style: italic; margin-top: 7px; } .oyl_form_header_container .oyl_link a { color: #ff0066; text-decoration: underline; } .oyl_box { position: relative; margin-left: 36px; } .oyl_box_content, .oyl_box_top, .oyl_box_bottom, .oyl_box_bottom div { background: url(/ocomtmp/images/ownyourlife/shadow-formback.png) no-repeat scroll right top transparent; } .oyl_box_content { position: relative; } .oyl_box_top { background-position: left top; height: 100%; left: 0; position: absolute; top: 0; width: 36px; margin-left: -36px; } .oyl_box_bottom, .oyl_box_bottom div { font-size: 1px; height: 21px; } .oyl_box_bottom { background-position: right bottom; position: relative; width: 100%; z-index:0;} .oyl_box_bottom div { background-position: left bottom; margin-left: -36px; position: relative; width: 36px; } #oyl_form { width: 616px; } #oyl_form .loading_animation { position: absolute; top: 132px; left: 236px; } #oyl_form .oyl_form_content { width: 549px; padding-top: 32px; position: relative; z-index: 10; } /*#oyl_form input[type="text"], #oyl_form input[type="password"] { background: url(/ocomtmp/images/ownyourlife/input-box-green.png) no-repeat; border: none; width: 256px; height: 22px; padding: 7px 5px 4px; font: 16px georgia; } #oyl_form input[type="text"].error, #oyl_form input[type="password"].error { background: url(/ocomtmp/images/ownyourlife/input-box-red.png) no-repeat; } */ #oyl_form input[type="text"], #oyl_form input[type="password"] { border: none; width: 256px; height: 22px; padding: 7px 5px 4px; font: 16px georgia; background: transparent; top: 19px; left: 0; position: absolute; } #oyl_form .frm_field { background: url(/ocomtmp/images/ownyourlife/input-box-green.png) no-repeat; width: 266px; height: 33px; } #oyl_form .frm_field.error { background: url(/ocomtmp/images/ownyourlife/input-box-red.png) no-repeat; } #oyl_form .label { font-style: italic; color: #333; margin-bottom: 2px; } #oyl_form .form_row { margin: 0 6px 17px 0; } #oyl_form .form_col { width: 266px; position: relative; } #oyl_form .form_col .form_col2 { margin-right: 10px; position: relative; } #oyl_form .hint_text { color: #666; font: 11px arial; margin-top: 4px; } #oyl_form .hint_text a { color: #666; text-decoration: underline; } #oyl_form input#zip { width: 102px; } #oyl_form #zip + .frm_field { width: 112px; } #oyl_form .oyl_required { font: 14px arial; color: #333; margin: 4px 0 24px; } #oyl_sweeps_form { margin-top: 22px; } #oyl_sweeps_form .form_row { margin-bottom: 12px; } #oyl_form .styledElementsWrapper .select { border: none; background: url(/ocomtmp/images/ownyourlife/arrow-dropdown-trans.png) no-repeat right top transparent; top: 6px; padding-top: 3px; font: 16px georgia; } #oyl_form select { *margin-top: 11px; line-height: 26px; border: 10px solid #fff; } #oyl_form #state_container { background: url(/ocomtmp/images/ownyourlife/input-box-green-state.png) no-repeat; width: 80px; height: 33px; } #oyl_form #state_container.error { background: url(/ocomtmp/images/ownyourlife/input-box-red-state.png) no-repeat; } #oyl_form #state { width: 80px; height: 33px; } #oyl_form #state_container .select { width: 44px; } #oyl_form #birth_month_container, #oyl_form #birth_dayofmonth_container { background: url(/ocomtmp/images/ownyourlife/input-box-green-dob1.png) no-repeat; width: 71px; height: 33px; } #oyl_form #birth_month_container.error, #oyl_form #birth_dayofmonth_container.error { background: url(/ocomtmp/images/ownyourlife/input-box-red-dob1.png) no-repeat; } #oyl_form #birth_month, #oyl_form #birth_dayofmonth { width: 71px; height: 33px; } #oyl_form #birth_month_container .select, #oyl_form #birth_dayofmonth_container .select { width: 35px; } #oyl_form #birth_year_container { background: url(/ocomtmp/images/ownyourlife/input-box-green-dob2.png) no-repeat; width: 90px; height: 33px; } #oyl_form #birth_year_container.error { background: url(/ocomtmp/images/ownyourlife/input-box-red-dob2.png) no-repeat; } #oyl_form #birth_year { width: 90px; height: 33px; } #oyl_form #birth_year_container .select { width: 54px; } #oyl_form #oyl_sweeps_check_container { margin: 34px 0 10px; } #oyl_journal_checkbox, #oyl_contest_checkbox { font-size: 18px; color: #ff3366; } #oyl_journal_checkbox { margin-bottom: 11px; } #oyl_agree_container { color: #333; margin-top: 19px; padding-bottom: 52px; } #oyl_agree_container a { color: #333; text-decoration: underline; } #oyl_form #oyl_omag_checkbox { margin-top: 11px; color: #ff3366; font-size: 18px; text-transform: uppercase; } #oyl_form #oyl_omag_checkbox .oyl_omag_text { width: 300px; text-transform: none; color: #000; margin: 17px 0 16px 9px; } #oyl_form #oyl_omag_checkbox .oyl_omag_text .font16 { color: #ff3366; margin-bottom: 6px; line-height: 20px; } #oyl_form #oyl_omag_checkbox .oyl_omag_text .font12 { line-height: 20px; margin: 0; width: 280px; } #oyl_form .oyl_divider_pink { background: url(/ocomtmp/images/ownyourlife/rule-dotted-461pix.png) no-repeat; width: 461px; height: 3px; } #oyl_form .oyl_omag_content { margin: 6px 0 20px 23px; } #oyl_form .oyl_omag_content img { margin: 21px 0 0 29px; border: 0; } #oyl_form #oyl_rules_container { margin-bottom: 6px; } #oyl_form #oyl_sweeps_submit { background: url(/ocomtmp/images/ownyourlife/btn-submit.png) no-repeat; width: 100px; height: 91px; position: absolute; bottom: -34px; left: 226px; cursor: pointer; border: none; z-index: 10; } #oyl_form #oyl_sweeps_submit.disabled { background: url(/ocomtmp/images/ownyourlife/btn-submit-animation.gif) no-repeat; } #oyl_sweeps_container .oyl_footer { margin-top: 82px; font-size: 12px; line-height: 14px; color: #666; width: 700px; margin-bottom: 50px; } #oyl_sweeps_container .oyl_footer .footer_title { margin-bottom: 5px; font-size: 13px; color: #333; } #guest_email_share_box { width: 386px; font: 14px georgia; color: #333; } #guest_email_share_box .lb_top { background: url(/ocomtmp/images/ownyourlife/pop-up-top.png) no-repeat; width: 386px; height: 10px; } #guest_email_share_box .lb_body { background: url(/ocomtmp/images/ownyourlife/pop-up-body.png) repeat-y; width: 366px; padding: 0 10px; } #guest_email_share_box .lb_bottom { background: url(/ocomtmp/images/ownyourlife/pop-up-bottom.png) no-repeat; width: 386px; height: 10px; } #guest_email_share_box .lb_inner { padding: 9px 30px; background-color: #fff; position: relative; } #guest_email_share_box .header { font-size: 21px; font-style: italic; color: #ff1f79; margin-bottom: 20px; } #guest_email_share_box .label { margin-bottom: 9px; text-style: italic; } #guest_email_share_box .form_field { margin-bottom: 8px; } #guest_email_share_box input { background: url(/ocomtmp/images/ownyourlife/inputbox-popup-304pix.png) no-repeat; border: none; width: 294px; height: 22px; padding: 7px 5px 4px; font: 16px georgia; } #guest_email_share_box .cancel { background: url(/ocomtmp/images/ownyourlife/btn-close.png) no-repeat; border: none; width: 18px; height: 17px; position: absolute; top: 6px; right: 7px; cursor: pointer; } #guest_email_share_box .share { background: url(/ocomtmp/images/ownyourlife/btn-share.png) no-repeat; border: none; width: 109px; height: 30px; margin-top: 18px; cursor: pointer; } #guest_email_share_box .submit { margin: 41px 0 9px; } #guest_email_share_box .submit a { text-decoration: underline; color: #0099ff; }