@charset "utf-8";
html { overflow-y: scroll; }
body { margin:0; padding:0; font-family:Tahoma; font-size:12px; color:#000000; background:#6D6760 url("images/common/BodyBkg.png") repeat-x 0px 0px; }
body.IE6 { behavior:url("csshover.htc"); }

.PageTitle { color:#70112b; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0; }
.FullTitle { font-size:0; height:0; margin:0; padding:0; visibility:hidden; }
img { border:0; }
a { outline:none; }

#tab-video ul, #tab-transcript ul, #contentWBar ul { padding-left:20px; }
#tab-video ul li, #tab-transcript ul li, #contentWBar ul li { list-style:circle url("images/common/Bullet.gif") outside; margin:0 0 .5em 0; }

/* Framework */
#container { margin:0 auto; padding-bottom:10px; width:997px; }

/* Header */
#topNav { height:26px; }
#headerContent { background:transparent url("images/common/StoneCap.png") no-repeat 0px 0px; height:112px; padding:60px 24px 0 24px; position:relative; }
body.IE6 #headerContent { background-image:url("images/common/StoneCap.gif"); }
#headerWrapper { background:transparent url("images/common/StoneHeaderMain.jpg") no-repeat 0px 0px; height:112px; }
#logo { height:83px; left:45px; margin:0; position:absolute; top:79px; width:283px; }
#logo a { background:transparent url("images/common/Logo.png") no-repeat top left; display:block; height:83px; text-indent:-10000px; width:283px; }
body.IE6 #logo a { background-image:url("images/common/Logo.gif"); }
#title { background:transparent url("images/common/MensHealth.png") no-repeat top left; height:12px; margin:0; position:absolute; right:29px; text-indent:-10000px; top:21px; width:112px; }

#randomImgContainer { left:338px; position:absolute; top:68px; }
#randomImgContainer div { background-color:transparent; background-repeat:no-repeat; background-position:0 0; border:1px solid #C4B2A2; display:inline-block; height:88px; vertical-align:top; width:193px; }
.IE7 #randomImgContainer div, .IE6 #randomImgContainer div { display:block; float:left; }

/* Body */
#contentContainer { background:transparent url("images/common/contentBG.gif") repeat-y 1px 0px; margin-left:24px; width:949px; }
#mainNav { float:left; width:180px; }
#mainNavFooter { background:transparent url("images/common/navFooter.jpg") no-repeat 1px 0px; height:60px; width:179px; }
#contentFull { background-color:#FFF; float:left; min-height:570px; padding:20px; position:relative; width:729px; }
body.IE6 #contentFull { height:570px; width:728px; }
#contentWBar { float:left; min-height:520px; padding:20px; position:relative; width:455px; }
#contentBar { background:transparent url("images/common/barBG.gif") no-repeat 0 0; height:auto !important; height: 259px; float:left; min-height:259px; width:273px; }

/* Footer */
#footer { margin:0 25px; padding:0; width:949px; }
#copyright { background:transparent url("images/common/CEMMLogo.gif") no-repeat 0 0; color:#FFFFFF; display:inline-block; float:right; font-family:Verdana; font-size:10px; line-height:14px; margin:17px 0 0 0; padding:0 0 0 105px; }


/**************************************** Navigation ****************************************/
/* Level 1 */
#mainNav ul { clear:both; list-style:none; margin:0; padding:0; }
#mainNav ul.L1CMSListMenuUL li { background:transparent url("images/common/NavigationBkg.gif") no-repeat 0px 0px; }
#mainNav ul.L1CMSListMenuUL a { background:transparent url("images/common/NavigationBkg.gif") no-repeat 0px  0px; color:#6f112a; display:block; font-size:11px; margin:0 1px 0 1px; padding:8px 5px 8px 17px; text-decoration:none; width:156px; }
#mainNav ul.L1CMSListMenuUL a:hover { color:#2d2b28; }
#mainNav ul.L1CMSListMenuUL a.L1CMSListMenuLinkHighlighted { font-weight:bold; }

/* Level 2 */
#mainNav ul.L2CMSListMenuUL { background-color:#70112b; border-top:1px solid #520419; border-bottom:1px solid #520419; margin:0 1px 0 1px; padding-bottom:5px; }
#mainNav ul.L2CMSListMenuUL li { background:none; padding:1px 0px; }
#mainNav ul.L2CMSListMenuUL a { background:none; color:#FFF; display:block; font-family:Verdana; font-size:10px; font-weight:bold; padding:5px 12px; margin:0; text-decoration:none; width:155px; }
#mainNav ul.L2CMSListMenuUL a:hover { color:#9AD3E4; }
#mainNav ul.L2CMSListMenuUL a.L2CMSListMenuLinkHighlighted { color:#9AD3E4; }

/* Level 3 */
#mainNav ul.L3CMSListMenuUL { background:#8D203E; }
#mainNav ul.L3CMSListMenuUL a { color:#FFFFFF; display:block; font-size:10px; font-weight:normal; padding:3px 12px; }
#mainNav ul.L3CMSListMenuUL a:hover { color:#9AD3E4; }
#mainNav ul.L3CMSListMenuUL a.L3CMSListMenuLinkHighlighted { color:#9AD3E4; }

/* Top Nav */
#topNav ul      { float:right; list-style:none; margin:8px 10px 0 0; padding:0; display:inline; }
#topNav li      { float:left; padding:0 9px 2px 9px; border-right:solid 1px #fdecc7; line-height:7px; }
#topNav li.CMSListMenuLILast, #topNav li.CMSListMenuHighlightedLILast { border:none; padding-right:0; }
#topNav a       { font-family:Verdana; font-size:10px; color:#fdecc7; text-decoration:none; }
#topNav a:hover { color:#FFFFFF; }

/*------------------- Bottom Nav -------------------*/
#bottomNavList { float:left; margin:17px 0 0 0; width:500px; }
#bottomNavList ul { list-style:none; margin:0; padding:0; }
#bottomNavList li { border-right:solid 1px #FFF; float:left; line-height:9px; padding:0 9px 2px 9px; }
#bottomNavList li.CMSListMenuLIFirst { padding-left:0px; }
#bottomNavList li.CMSListMenuLILast, #bottomNavList li.CMSListMenuHighlightedLILast { border:none; padding-right:0; }
#bottomNavList a { color:#FFF; font-family:Verdana; font-size:10px; text-decoration:none; }
#bottomNavList a:hover { text-decoration:underline; }

/**************************************** Search ****************************************/
#searchBox { float:right; height:69px; margin:8px 8px 0 0; padding:10px 14px; width:201px; }
.searchBox { margin:12px 0 0 12px; }
.lblSearchBox { color:#FFF; display:block; font-size:11px; font-weight:bold; margin:0; }
.rblSearchBox { color:#FFF; font-size:11px; margin:0 0 3px 0; padding:0; width:201px; }
.rblSearchBox td { margin:0; padding:0; vertical-align:bottom; }
.rblSearchBox input { margin:0; padding:0; }
.rblSearchBox label { line-height:11px; padding:0 0 0 5px; }
.txtSearchBox { background:#fff url("images/common/searchBG.gif") repeat-x; border-top:solid 1px #6D6F70; border-right:solid 1px #C6C6C7; border-bottom:solid 1px #D3D5D6; border-left:solid 1px #C9CBCC; color:#333333; display:inline-block; font-size:11px; height:18px; line-height:18px; margin:0; vertical-align:top; width:168px; }
.txtSearchBox:hover, .txtSearchBox:focus { background-image:none; }
.btnSearchBox { background:transparent url("images/common/SearchBGSprite.gif") no-repeat 0 0; border:none; cursor:pointer; display:inline-block; height:22px; margin:0 0 0 -4px; text-indent:-10000px; vertical-align:top; width:29px; }
.IE7 .btnSearchBox, .IE6 .btnSearchBox { color:#92c5eb; font-size:0px; }
.btnSearchBox:hover, .btnSearchBox:focus { background-position:0 -22px; }
.chkPDF { color:#FFFFFF; float:right; font-size:11px; margin-top:-22px; }
body.IE7 .txtSearchBox, body.IE7 .btnSearchBox, body.IE6 .txtSearchBox, body.IE6 .btnSearchBox { margin-top:-18px; }
body.IE7 .rblSearchBox input, body.IE7 .rblSearchBox label, body.IE6 .rblSearchBox input, body.IE6 .rblSearchBox label { margin-top:-8px; }
body.IE7 .chkPDF, body.IE6 .chkPDF { margin-top:-24px; }
body.IE7 .sectionBox, body.IE6 .sectionBox { display:block; float:left; }
body.IE6 #searchBox { margin-right:5px; }

/***************************************/
/* Modal */
/***************************************/
.jqmWindow {
    display: none;
    position: fixed; top: 17%; left: 50%;
    width: 494px; margin-left: -300px; /*padding: 12px;
    border: 1px solid black; background-color: #FFFFFF;*/
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/**************************************************/
/* Grid Wrapper */
/**************************************************/
.gridwrapper {}

/* header styles */
.header { position:relative; color:#fff; }
.header .outer { background:url(images/dialog/top-right.png) right no-repeat; padding-right:6px; }
.header .inner { background:url(images/dialog/top-left.png) left no-repeat; padding-left:9px; }
.header .content { height:35px; background:url(images/dialog/top-mid.png) repeat-x; }
.header .content H2 { float:left; font-size:12pt; line-height: 11pt; font-weight:bold; color:#fff; padding-top:10px; margin:0; }
.header .content a.jqmClose {
    display:block; float:right; 
    width:35px; height:0;
    margin:4px 4px 0 0; padding-top:25px;
    overflow:hidden; display:inline;
    background:transparent url(images/dialog/close.png) no-repeat 0 0;
 }
 .header .content a.jqmClose:hover { background:transparent url(images/dialog/close.png) no-repeat 0 -25px; }

/* dialog body styles */
.body .outer { background:url(images/dialog/right.png) right repeat-y; padding-right:7px; }
.body .inner { background:url(images/dialog/left.png) left repeat-y; padding-left:7px; }
.body .content {}  

/* dialog footer styles */
.footer {}
.footer .outer { background:url(images/dialog/bottom-right.png) right top no-repeat; padding-right:9px; }
.footer .inner { background:url(images/dialog/bottom-left.png) left top no-repeat; padding-left:9px; }
.footer .content { height:7px; background:url(images/dialog/bottom-mid.png) repeat-x; }


/**************************************** Content ****************************************/
#fontSizer { position:absolute; right:40px; top:8px; z-index:1000; }
#fontSizerTitle { color:#1C99D4; display:block; font-family:Tahoma; font-size:9px; }
.fontSizerSmaller, .fontSizerLarger { height:20px; display:inline-block; text-indent:-10000px; text-decoration:none; width:20px; }
.IE7 .fontSizerSmaller, .IE6 .fontSizerSmaller, 
.IE7 .fontSizerLarger, .IE6 .fontSizerLarger { display:block; float:left; }
.fontSizerSmaller { background:transparent url("images/common/minus.gif") no-repeat 0 0; margin-right:5px; }
.fontSizerLarger { background:transparent url("images/common/plus.gif") no-repeat 0 0; }

a.home { color:#d7e9a1; font-weight:bold; text-decoration:none; }
a.home:hover { text-decoration:underline; }
#videoThumb a { display:block; }
#videoThumb .image { border-left:solid 1px #6d6760; }
#videoThumb .link { background-color:#FFF; border:1px solid #6d6760; border-right:none; color:#DE4103; padding:4px 15px 4px 4px; text-align:right; text-decoration:none; }
#videoThumb .link span { background:transparent url("images/common/arrowOrange.gif") no-repeat 0 3px; color:#DE4103; display:inline; font-size:11px; padding-left:11px; text-decoration:none; }
#videoThumb .link:hover span, #videoThumb .link:focus span { text-decoration:underline; }
#videoThumb .VideoImage { background-position:1px 0; display:block; height:205px; text-indent:-10000px; width:273px; }
#videoThumb .videoDescription { margin:0; }

#homeTop { padding:15px 35px 20px 35px; color:#FFFFFF; background:#70112b url(images/home/topBG.gif) repeat-x; }
#homeBottom { height:188px; background:#70112b url(images/home/bottomBG.jpg) no-repeat 0 27px; padding:0 0 254px 8px; width:941px; }

.sectionBox { background:transparent url("images/home/sectionHeaderBG.gif") no-repeat 0px 0px; display:block; float:left; margin:0 0 16px 27px; width:276px; }
.sectionBox h2 { height:27px; margin:0; padding:0; width:204px; }
.sectionBox h2 a { background:transparent url("images/common/sectionBoxPlayArrow.gif") no-repeat 264px 10px; color:#70112b; display:block; font-size:11px; font-weight:bold; margin:0; padding:7px 10px 6px 10px; text-align:left; text-decoration:none; width:254px; }
.sectionBox h2 a:hover { text-decoration:underline; }
.sectionBox p { margin:0; }
.sectionBox span { background-color:transparent; background-position:0 0; background-repeat:no-repeat; border-right:1px solid #c4b2a2; border-bottom:1px solid #c4b2a2; border-left:1px solid #c4b2a2; display:block; height:138px; margin-left:1px; text-indent:-10000px; width:273px; }

/* Box and related info */
.box .top { width:260px; height:4px; background:transparent url(images/common/boxTop.gif) no-repeat; }
.box .middle { width:253px; padding:1px 4px 1px 3px; background:transparent url(images/common/boxBG.gif) repeat-y; }
.box .bottom { width:260px; height:4px; background:transparent url(images/common/boxBottom.gif) no-repeat; }

.relatedInfo { margin:10px 0 8px 8px; }
.relatedInfo .middle h2
{
    margin:12px 8px; padding:0 0 9px 6px;
    font-size:11px; font-weight:bold; color:#000000;
    border-bottom:solid 1px #f3e9d9;
}
.relatedInfo .middle a { font-size:11px; color:#de4103; text-decoration:none; }
.relatedInfo .middle a:hover { text-decoration:underline; }
.relatedInfo .middle li { list-style-image:url(images/common/bullet.gif); }

.pageImage { background:transparent url(images/sub/pageImageBG.gif) no-repeat 0 0; margin:12px 0px 0px 40px; }
.pageImage img { margin:5px 5px 0px 5px; border:none; }
.pageImageBottom { background:transparent url(images/sub/pageImageBottom.gif) no-repeat 0 0; margin:-4px 0px 9px 40px; height: 9px; width: 193px; z-index:100;  }

#flashAudioContainer { margin:10px 0 5px 0px; }

/* Real Patient */
.realPatient { display:inline; float:left; margin-bottom:25px; }
.realPatient .image { float:left; }
.realPatient .summary { display:inline; float:left; font-family:Tahoma; font-size:12px; margin-left:14px; width:290px; }
.realPatient .summary h2 { font-family:Tahoma; font-size:12px; font-weight:bold; margin:0; }
.realPatient .quote { color:#9e005d; display:inline; float:left; font-family:Tahoma; font-size:11px; margin-top:10px; width:100%; }
#flashVideo { background:#FFF; text-align:center; }

/* Clear Fix ------------------------------------------------------------------------- */
#contentContainer:after, #contentFull:after, #contentWBar:after, .relatedInfo ul:after, #footer:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#contentContainer, #contentFull, #contentWBar, .relatedInfo ul, #footer { zoom:1; }

#contentBar ul li { list-style-image:url("images/common/BulletColumn.gif"); }

/* Resource Center */
.ResourceCenter { margin:0; padding:0; }
.ResourceCenter li { display:inline-block; list-style:none none outside; margin:10px; padding:0; vertical-align:top; width:200px; }
.IE7 .ResourceCenter li, .IE6 .ResourceCenter li { display:block; float:left; }