/* author : Mike Bosworth, Shawn Brogden, Alana Bothun-Hill date : 05/21/2007 dependencies : base.css, image.css /* ---- [rounded corner, solid border, no dropshadow styles] ----*/ .xtop, .xbottom {display:block; background:transparent; font-size:1px;clear:both;} .xboxcontent {display:block;padding:0 5px;} .xboxcontent p{margin:0;} .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;} .xb1, .xb2, .xb3 {height:1px;} .xb1 {margin:0 5px;} .xb2 {margin:0 3px; border-width:0 2px;} .xb3 {margin:0 2px;} .xb4 {height:2px; margin:0 1px;} /* White Background, Grey Border */ #wbrc .xb1, .wbrc .xb1{background:#ccc;} /* Note: This should be the same color as your border */ #wbrc .xb2, #wbrc .xb3, #wbrc .xb4, .wbrc .xb2, .wbrc .xb3, .wbrc .xb4 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;} #wbrc .xboxcontent, .wbrc .xboxcontent {background:#fff; border:0 solid #ccc;border-width:0 1px;} .wbrc .wbrc_title {position:relative;top:-15px;left:0;margin-bottom:-10px;} /* ---- [rounded corner, no border, no dropshadow styles] ----*/ /* Base code for rounded corners with No Border and No Dropshadow */ .curvy {position:relative; padding:0 5px;_width:480px;} .ctl, .cbl, .ctr, .cbr {position:absolute; width:5px; height:5px; ; overflow:hidden;font-style:normal; z-index:1;} .ctl {top:0; left:0;} .cbl {bottom:-1px; left:0;} .ctr {top:0; right:-1px;} .cbr {bottom:-1px; right:-1px;} html>body .cbl {bottom:0; left:0;} html>body .ctr {top:0; right:0;} html>body .cbr {bottom:0; right:0;} .curvy em b {position:absolute; font-size:50px; font-family:arial; line-height:40px; font-weight:normal;} .ctl b {left:-3px; top:-14px;} .ctr b {left:-10px; top:-14px;} .cbl b {left:-3px; top:-22px;} .cbr b {left:-10px; top:-22px;} html>body .ctl b {left:-3px; top:-15px;} html>body .ctr b {left:-10px; top:-15px;} html>body .cbl b {left:-3px; top:-22px;} html>body .cbr b {left:-10px; top:-22px;} /* Set background color here */ .curvy {background-color:#e9f5ff;} .curvy em b {color:#e9f5ff;background-color:#fff;} /* generic settings */ div.rctop, div.rcbottom {display:block;} .rctop, .rcbottom {background-color:#fff;} /* creates round corner, needs to be color of document bkg */ div.rctop div, div.rcbottom div {display:block;height:1px;overflow:hidden;} div.r1{margin:0 5px;} div.r2{margin:0 3px;} div.r3{margin:0 2px;} div.rctop div.r4, div.rcbottom div.r4{margin:0 1px;height:2px} /* grey background no border */ #gbrc, .gbrc {background-color:#f2f2f2} /* content area color */ #gbrc div.rctop div, #gbrc div.rcbottom div, .gbrc div.rctop div, .gbrc div.rcbottom div {background-color:#f2f2f2;} /* top & bottom color */ /* ---- [Tab box] ----*/ #tabheader {background:transparent url("http://images.meredith.com/fitness/images/community/tabs/bg.gif") repeat-x bottom;} #tabheader .tablist li {background:#fff url("http://images.meredith.com/fitness/images/community/tabs/left.gif") no-repeat left top;} #tabheader a {background:#fff url("http://images.meredith.com/fitness/images/2008/11/ycdi/right.gif") no-repeat right top;} #tabheader a.active {background-image:url("http://images.meredith.com/pp/images/community/tabs/right_on.gif");} #tabheader a.active span{background:url("http://images.meredith.com/pp/images/community/tabs/left_on.gif") no-repeat left top;} #tabcorner{background:transparent url("http://images.meredith.com/fitness/images/community/tabs/corner.gif") no-repeat;} .tabcorner{background:transparent url("http://images.meredith.com/fitness/images/community/tabs/corner.gif") no-repeat;} #tabheaderChannel {background:transparent url("http://images.meredith.com/fitness/images/community/tabs/bg.gif") repeat-x bottom;} #tabheaderChannel .tablist li {background:#fff url("http://images.meredith.com/fitness/images/community/tabs/left_channel.gif") no-repeat left top;} #tabheaderChannel a {background:#fff url("http://images.meredith.com/fitness/images/community/tabs/right_channel.gif") no-repeat right top;} #tabheaderChannel a.active {background-image:url("http://images.meredith.com/pp/images/community/tabs/right_on.gif");} #tabheaderChannel a.active span{background:url("http://images.meredith.com/pp/images/community/tabs/left_on.gif") no-repeat left top;} #tabheader, #tabheaderChannel, #tabbody {width:480px;} /* Set the width of the tab box here */ #tabcorner{left:477px} /* Set to tab box width - 3 */ #tabheader {position:relative;z-index:9;float:left;line-height:normal;} #tabheader ul.tablist {margin:0;list-style:none;} #tabheader .tablist li {font-size:11px;position:relative;z-index:1000;float:left;margin:0;padding:0 0 0 9px;} #tabheader a {float:left;display:block;padding:10px 15px 10px 6px;text-decoration:none;font-weight:bold;color:#e8165a;text-transform:uppercase;} #tabheader a.active {color:#4f150f;padding-bottom:5px;} #tabheader a.active:hover {color:#95716E;} #tabheader a.active span{padding:5px 0 5px 15px;margin:-5px 0 -5px -15px;display:block;} #tabheaderChannel {position:relative;z-index:9;float:left;line-height:normal;} #tabheaderChannel ul.tablist {margin:0;list-style:none;} #tabheaderChannel .tablist li {font-size:11px;position:relative;z-index:1000;float:left;margin:0;padding:0 0 0 9px;} #tabheaderChannel a {float:left;display:block;padding:10px 15px 10px 6px;text-decoration:none;font-weight:bold;color:#fff;text-transform:uppercase;} #tabheaderChannel a.active {color:#4f150f;padding-bottom:5px;} #tabheaderChannel a.active:hover {color:#95716E;} #tabheaderChannel a.active span{padding:5px 0 5px 15px;margin:-5px 0 -5px -15px;display:block;} #tabcorner{position:absolute;z-index:1000;top:33px;height:3px;width:3px;} #tabbody {} #tabbody hr{clear:both;margin:0;padding:3px 0;text-align:center;width:95%;height:1px;border:0px;border-bottom:1px dotted #c7bcae;} #tabbody .xb1{background:#ccc;} /* Note: This should be the same color as your border */ #tabbody .xtop .xb1{background:#fff;} /* Note: This should be the same color as your border */ #tabbody .xb2, #tabbody .xb3, #tabbody .xb4 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;} #tabbody .xboxcontent {padding:5px 10px;background:#fff; border:0 solid #ccc;border-width:0 1px;} #tabheader.groupNews {width: 460px; margin-right: auto;} #tabbody.groupNews { width: 460px; margin-right: auto;} #tabcorner.groupNews{left: 457px;} #blueTabs {position: relative; top: 8px; left: 1px; border-left: 1px solid #fff; z-index: 9;} .blueTabBorder hr{clear:both;margin:0 auto 8px;padding:3px 0;text-align:center;width:100%;height:1px;border:0px;border-bottom:2px dotted #c7bcae;} .blueTabBorder .xb1{background:#0082d8;} /* Note: This should be the same color as your border */ .blueTabBorder .xtop .xb1{background:#fff;} /* Note: This should be the same color as your border */ .blueTabBorder .xb2, .blueTabBorder .xb3, .blueTabBorder .xb4 {background:#fff; border-left:1px solid #0082d8; border-right:1px solid #0082d8;} .blueTabBorder .xboxcontent {padding:5px 8px;background:#fff; border:0 solid #0082d8;border-width:0 1px;} #profileBodywrapper .tabcorner{background:transparent url("http://images.meredith.com/fitness/images/2008/11/ycdi/cornerBlue.gif") no-repeat;position:absolute;z-index:1000;top:41px;height:4px;width:4px; left: 481px;} #profileBodywrapper .tabcornerStranger{background:transparent url("http://images.meredith.com/fitness/images/2008/11/ycdi/cornerBlue.gif") no-repeat;position:absolute;z-index:1000;top:14px;height:4px;width:4px; left: 481px;} #tabheader.blueTabBox { width: 481px; background:transparent url("http://images.meredith.com/fitness/images/2008/11/ycdi/tabBottomBorder.jpg") repeat-x bottom;} #blueTabs .btLightBackground{position: relative; height: 42px; float: left;} #tabheader .btLightBackground a{text-transform: none; color: #0082d8; background: none; display: block; height: 22px; padding:11px 10px 0px; float: left;} .btDarkBackground{position: relative; display: block; height: 22px; padding:11px 10px 9px; float: left;} .btDividerLightDark, .btDividerDarkLight, .btDividerLightLight {position: relative;height: 42px; width: 18px;float: left;} .btRightEnd, .btRightEndActive {position: relative;height: 42px; width: 15px;float: left;} .btLightBackground { color: #000066; background: url('http://images.meredith.com/fitness/images/2008/11/ycdi/blueTabBackgroundLight.jpg')} .btDarkBackground { color: #fff; background: url('http://images.meredith.com/fitness/images/2008/11/ycdi/blueTabBackgroundDark.jpg')} .btDividerLightDark {background: url('http://images.meredith.com/fitness/images/2008/11/ycdi/blueTabsDividerLightDark.jpg')} .btDividerDarkLight {background: url('http://images.meredith.com/fitness/images/2008/11/ycdi/blueTabsDividerDarkLight.jpg')} .btDividerLightLight {background: url('http://images.meredith.com/fitness/images/2008/11/ycdi/blueTabsDividerLightLight.jpg') no-repeat} .btRightEnd {background: url('http://images.meredith.com/fitness/images/2008/11/ycdi/blueTabsRightEnd.jpg')} .btRightEndActive {background: url('http://images.meredith.com/fitness/images/2008/11/ycdi/blueTabsRightEndActive.jpg')} /* sponsor module HR override */ #sponsmodwrap hr{border:none;padding:0;}