﻿body { margin:0; padding:0; font-family:Tahoma; font-size:12px; color:#000000; background:#6d6760 url(images/common/bodyBG.gif) repeat-x; }

.PageTitle { color:#9e005d; font-family:Georgia; 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; }

.Clear { clear:both; font-size:0; height:0; line-height:0; margin:0; padding:0; }

/**************************************** Framework ****************************************/
#container { width:997px; margin:0 auto; }

/* Header */
#topNav         { height:26px; }
#headerContent  { height:172px; background:transparent url(images/common/header.jpg) no-repeat; position:relative; }
#logo { height:80px; left:45px; margin:0; position:absolute; top:79px; width:301px; }
#logo a { background:transparent url("images/common/Logo.jpg") no-repeat 0 0; display:block; height:80px; text-indent:-10000px; width:301px; }
#title { background:transparent url("images/common/WHPelvicDiseases.gif") no-repeat top left; height:12px; margin:0; position:absolute; right:73px; text-indent:-10000px; top:22px; width:271px; }
#randomImgContainer { left:334px; position:absolute; top:67px; }
#randomImgContainer div { background-color:transparent; background-repeat:no-repeat; background-position:0 0; border:1px solid #C4B2A2; display:inline-block; height:89px; vertical-align:top; width:194px; }

/* Body */
#contentContainer   { float:left; width:949px; margin-left:24px; min-height:570px; height:auto !important; height:570px; background:transparent url(images/common/contentBG.gif) repeat-y; display:inline; }
#mainNav            { float:left; width:180px; }
#mainNavFooter      { width:178px; height:60px; margin-left:1px; background:transparent url(images/common/navFooter.jpg) no-repeat; }
#contentFull        { float:left; width:729px; padding:20px; background-color:White; min-height:570px; height:auto !important; height:570px; position:relative; }
#contentWBar        { float:left; width:455px; padding:20px; position:relative; }
#contentBar         { float:left; width:273px; background: transparent url(images/common/barBG.gif) no-repeat 0 0; min-height:259px; height:auto !important; height: 259px;}

/* Footer */
#footer         { float:left; width:100%; margin-bottom:10px; }
#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 { list-style:none; padding:0; margin:0; clear:both; }
#mainNav ul.L1CMSListMenuUL li { background:transparent url(images/common/navBG.gif) no-repeat; }
#mainNav ul.L1CMSListMenuUL a { background:#ac9581 url(images/common/navBG.gif) no-repeat -1px 0; color:#9e005d; display:block; font-size:11px; margin:0 1px 0 1px; padding:7px 0px 7px 17px; text-decoration:none; width:161px; }
#mainNav ul.L1CMSListMenuUL a:hover { color:#2d2b28; }
#mainNav ul.L1CMSListMenuUL a.L1CMSListMenuLinkHighlighted { font-weight:bold; }

/* Level 2 */
#mainNav ul.L2CMSListMenuUL { background-color:#a172b2; border-top:1px solid #ba85cd; border-bottom:1px solid #87529a; 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:#fed17a; }
#mainNav ul.L2CMSListMenuUL a.L2CMSListMenuLinkHighlighted { color:#fed17a; }

/* Level 3 */
#mainNav ul.L3CMSListMenuUL { background:#ae79c1; }
#mainNav ul.L3CMSListMenuUL a { color:#FFF; display:block; font-size:10px; font-weight:normal; padding:3px 12px; }
#mainNav ul.L3CMSListMenuUL a:hover { color:#fed17a; }
#mainNav ul.L3CMSListMenuUL a.L3CMSListMenuLinkHighlighted { color:#fed17a; }

/*------------------- 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 ****************************************/
/* CEMM Library Search */
#searchBox { float:right; height:69px; margin:68px 33px 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: 544px; 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; }

#videoThumb .VideoImage { border-left:solid 1px #6d6760; display:block; height:205px; text-indent:-10000px; width:272px; }
#videoThumb .link { border:solid 1px #6d6760; border-right:none; background-color:#FFFFFF; padding:4px 15px 4px 4px; text-align:right; }
#videoThumb .link a { font-size:11px; color:#DE4103; text-decoration:none; padding-left:11px; background:transparent url(images/common/arrowOrange.gif) no-repeat 0 3px; }
#videoThumb .link a img { padding-right:5px; }
#videoThumb .link a:hover { text-decoration:underline; }

#homeTop { padding:15px 20px 20px 20px; color:#FFFFFF; background:#a172b2 url(images/home/topBG.gif) repeat-x; }
#homeBottom { background:#a172b2 url(images/home/bottomBG.jpg) no-repeat 0 27px; min-height:385px; padding-left:34px; padding-bottom:50px; }

.sectionBox { background:transparent url("images/common/SectionBkg.png") no-repeat 0px 0px; display:block; float:left; margin:0 24px 16px 0; text-align:center; width:203px; }
.sectionBox h2 { height:27px; margin:0; padding:0; width:201px; }
.sectionBox h2 a { background:transparent url("images/common/sectionBoxPlayArrow.gif") no-repeat 188px 10px; color:#9E005D; display:block; font-size:11px; font-weight:bold; text-decoration:none; padding:7px 10px 6px 10px; text-align:left; width:181px; }
.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:137px; margin-left:1px; text-indent:-10000px; width:198px; }

/* 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 { float:left; margin-bottom:25px; display:inline; }
.realPatient .image { float:left; }
.realPatient .summary { float:left; margin-left:14px; width:290px; font-family:Tahoma; font-size:12px; display:inline; }
.realPatient .summary h3 { color:#000; font-family:Tahoma; font-size:12px; font-weight:bold; margin:0; }
.realPatient .quote { float:left; margin-top:0; width:95%; font-family:Tahoma; font-size:11px; color:#e94103; display:inline; }

#flashVideo { text-align:center; background:#ffffff; }

/* 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; }
